/* Final Treatments, Landing Acne, Journal and Column 1b measurements. */
:root { --editorial-side:24px; --journal-side:24px; }
.editorial-container { max-width:1280px; margin-inline:auto; padding-inline:var(--editorial-side); }
.column-container { max-width:1120px; margin-inline:auto; padding-inline:var(--editorial-side); }
.journal-container { max-width:1280px; margin-inline:auto; padding-inline:var(--journal-side); }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; font-size:13px; line-height:1.6; color:#6b7580; }
.breadcrumbs a { color:#6b7580; }
.breadcrumbs li:last-child { color:#2a2f34; }
.editorial-hero { background:var(--water-background); border-bottom:1px solid rgba(14,17,19,.06); }
.editorial-hero>.editorial-container { padding-top:clamp(24px,3vw,40px); padding-bottom:clamp(56px,6vw,88px); }
.editorial-hero__copy { max-width:720px; margin-top:clamp(56px,7vw,96px); }
.editorial-label { margin:0; font:500 13px var(--font-en); letter-spacing:.1em; color:#6b7580; }
.editorial-hero h1 { margin:12px 0 0; font-size:clamp(30px,calc(22px + 1.6vw),42px); font-weight:500; line-height:1.3; letter-spacing:.02em; word-break:keep-all; }
.editorial-rule { display:block; width:28px; height:1px; background:var(--color-accent); margin:16px 0; }
.editorial-hero__description { margin:0; font-size:clamp(14.5px,calc(13.8px + .15vw),15.5px); line-height:1.8; color:#3a3f45; word-break:keep-all; text-wrap:pretty; }
.treatment-list { padding-block:clamp(48px,6vw,88px) clamp(96px,10vw,144px); }
.treatment-list>ul { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:clamp(20px,2.4vw,32px) clamp(16px,2vw,24px); list-style:none; margin:0; padding:0; }
.treatment-list__card { min-width:0; }
.treatment-list__card>a { display:block; }
.treatment-list__image { position:relative; aspect-ratio:3/2; border-radius:var(--card-radius); overflow:hidden; background:#eef0f2; box-shadow:var(--card-shadow); }
.treatment-list__image img { width:100%; height:100%; object-fit:cover; }
.treatment-list__image>span { position:absolute; left:12px; top:12px; padding:4px 10px; border-radius:100px; background:rgba(255,255,255,.92); font-size:12px; font-weight:500; color:#5b6570; }
.treatment-list__card h2 { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:20px 0 0; font-size:clamp(18px,calc(16.5px + .38vw),22px); font-weight:500; letter-spacing:-.01em; word-break:keep-all; }
.treatment-list__card h2>span { color:var(--color-accent); font-size:18px; }
.treatment-list__card p { margin:8px 0 0; font-size:14px; line-height:1.6; color:#6e6159; word-break:keep-all; }
.treatment-list__card.is-pending img { filter:grayscale(.35); opacity:.6; }
.treatment-list__card.is-pending h2 { color:#8a939c; }
.treatment-list__card.is-pending p { color:#adb3ba; }
.editorial-toc { display:none; min-width:0; }
.editorial-toc__inner>p { margin:0 0 14px; font:500 12px var(--font-en); letter-spacing:.1em; color:#6b7580; }
.editorial-toc ol { margin:0; padding:0; list-style:none; border-left:1px solid #ececef; }
.editorial-toc a { display:block; padding:8px 0 8px 14px; margin-left:-1px; border-left:2px solid transparent; font-size:14px; line-height:1.5; color:#6b7580; word-break:keep-all; }
.editorial-toc a[aria-current="location"] { color:#0e1113; border-color:#e0684f; }
.acne-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(40px,5.6vw,72px); }
.acne-content { min-width:0; max-width:760px; padding:clamp(48px,5vw,64px) 0 clamp(80px,8vw,112px); display:flex; flex-direction:column; gap:clamp(64px,7vw,88px); }
.acne-content section, .column-content .derskin-prose h2 { scroll-margin-top:0; }
.acne-content h2 { margin:0; font-size:clamp(22px,calc(18px + .8vw),26px); font-weight:500; line-height:1.3; letter-spacing:.02em; }
.acne-number { color:#c4533b; font:600 13px var(--font-en); }
.acne-list { margin:20px 0 0; padding:0; list-style:none; border-top:1px solid #0e1113; }
.acne-list li { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:12px; align-items:baseline; padding:17px 0; border-bottom:1px solid #ececef; font-size:clamp(15px,calc(14px + .25vw),16.5px); line-height:1.7; color:#2a2f34; word-break:keep-all; }
.acne-list small { font-size:12px; letter-spacing:.04em; color:#6b7580; white-space:nowrap; }
.acne-list--steps li { grid-template-columns:44px minmax(0,1fr); padding:18px 0; }
.acne-list--steps h3 { margin:0; font-size:16px; font-weight:500; }
.acne-list--steps p { margin:4px 0 0; font-size:14.5px; color:#5b6570; }
.acne-stages { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:12px; margin-top:24px; }
.acne-stage { display:flex; flex-direction:column; padding:24px 22px 26px; border-radius:6px; background:var(--water-background); border:1px solid rgba(14,17,19,.06); }
.acne-stage>.acne-number { font-size:12px; letter-spacing:.1em; }
.acne-stage h3 { margin:10px 0 0; font-size:20px; font-weight:500; letter-spacing:.02em; }
.acne-stage p { margin:12px 0 0; font-size:15px; line-height:1.85; color:#24282d; word-break:keep-all; }
.acne-stage ul { display:flex; flex-wrap:wrap; gap:6px; padding:0; list-style:none; margin:16px 0 18px; }
.acne-stage li { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border-radius:100px; background:#fff; border:1px solid #ececef; font-size:12.5px; color:#3a3f45; }
.acne-stage .acne-stage__way { margin:auto 0 0; min-height:calc(3 * 1.7em + 14px); padding-top:14px; border-top:1px solid rgba(14,17,19,.08); font-size:13.5px; line-height:1.7; color:#5b6570; }
.acne-stage strong { font-weight:500; }
.acne-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; }
.gallery-controls { display:flex; align-items:center; gap:2px; font:600 11px var(--font-en); letter-spacing:.06em; white-space:nowrap; }
.gallery-controls button { height:44px; width:28px; background:transparent; border:0; font-size:22px; color:#5b6570; }
.acne-equipment { display:grid; grid-auto-flow:column; grid-auto-columns:var(--gallery-width,150px); gap:clamp(12px,1.6vw,20px); margin:24px 0 -28px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; padding-bottom:28px; scrollbar-width:thin; }
.acne-equipment article { min-width:0; text-align:center; scroll-snap-align:start; }
.acne-equipment h3 { margin:clamp(14px,1.6vw,20px) 0 0; font-size:clamp(15.5px,calc(14.5px + .25vw),17px); font-weight:500; word-break:keep-all; }
.acne-doctors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
.acne-doctors article { min-width:0; }
.acne-doctors h3 { margin:20px 0 0; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:.02em; }
.acne-doctors p { margin:4px 0 0; font-size:12.5px; color:#6b7580; }
.acne-faq { margin-top:20px; border-top:1px solid #0e1113; }
.acne-faq details { border-bottom:1px solid #ececef; }
.acne-faq summary { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:18px 0; cursor:pointer; list-style:none; font-size:clamp(15px,calc(14px + .25vw),16.5px); font-weight:500; line-height:1.55; word-break:keep-all; }
.acne-faq summary::-webkit-details-marker { display:none; }
.acne-faq summary>span:last-child { color:#c4533b; transition:transform .2s; }
.acne-faq details[open] summary>span:last-child { transform:rotate(45deg); }
.acne-faq p { margin:0 0 20px; padding-left:28px; font-size:15px; line-height:1.8; color:#5b6570; word-break:keep-all; }
.journal-page { padding-bottom:clamp(80px,9vw,128px); }
.journal-heading { padding-top:clamp(16px,2vw,24px); }
.journal-heading>div { padding-top:clamp(48px,5vw,64px); text-align:center; }
.journal-heading h1, .board-archive h1 { margin:clamp(12px,1.2vw,14px) 0 0; font-size:clamp(28px,calc(22px + 1.2vw),38px); font-weight:500; line-height:1.3; letter-spacing:.06em; }
.journal-heading .editorial-rule { margin:12px auto; }
.journal-heading>div>p:last-child { margin:clamp(8px,1vw,12px) 0 0; font-size:clamp(15px,calc(14px + .25vw),17px); line-height:1.8; color:#5b6570; word-break:keep-all; }
.filter-links { display:flex; gap:8px; overflow-x:auto; padding-top:clamp(28px,3vw,36px); scrollbar-width:thin; }
.filter-links>a { display:inline-flex; flex:none; align-items:center; min-height:40px; padding:0 clamp(18px,1.6vw,20px); border-radius:100px; border:1px solid #dde0e4; color:#3a3f45; font-size:14px; }
.filter-links>a[aria-current="page"] { background:#0e1113; border-color:#0e1113; color:#fff; }
.journal-section { padding-top:clamp(56px,6vw,72px); }
.journal-section--academic { margin-top:clamp(64px,7vw,88px); padding-block:clamp(56px,7vw,88px); background:var(--water-background); border-block:1px solid rgba(14,17,19,.06); }
.journal-section__heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.journal-section__heading h2 { margin:0; font-size:clamp(22px,calc(19px + .6vw),24px); font-weight:500; letter-spacing:.04em; }
.journal-section__heading>a { display:flex; align-items:center; min-height:44px; font-size:14px; color:#5b6570; }
.board-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(16px,2.2vw,28px); margin-top:clamp(12px,1.4vw,16px); }
.board-card { min-width:0; border-radius:var(--card-radius); overflow:hidden; background:#fff; box-shadow:var(--card-shadow); }
.board-card>a { display:flex; flex-direction:column; height:100%; }
.board-card__image { width:100%; aspect-ratio:3/2; background:#eef0f2; overflow:hidden; }
.board-card__image img { width:100%; height:100%; object-fit:cover; }
.board-card__placeholder { display:block; width:100%; height:100%; background:#eef0f2; }
.board-card__body { display:flex; flex-direction:column; flex:1; gap:8px; padding:clamp(18px,1.8vw,22px) clamp(20px,2vw,24px) clamp(22px,2.2vw,26px); }
.board-card__body p { margin:0; }
.board-card__category { margin:0; font-size:13px; letter-spacing:.06em; color:#c4533b; }
.board-card h2, .board-card h3 { margin:0; font-size:clamp(17px,calc(16px + .15vw),18px); font-weight:500; line-height:1.45; color:#0e1113; word-break:keep-all; }
.board-card h2, .board-card h3, .board-card__summary { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.board-card__summary { font-size:14px; line-height:1.7; color:#5b6570; word-break:keep-all; }
.board-card .board-card__meta { margin-top:auto; padding-top:4px; font-size:13px; color:#7a838c; }
.board-empty { display:grid; place-items:center; min-height:240px; margin-top:16px; border:1px solid #e6e8eb; border-radius:var(--card-radius); color:#6b7580; background:#f7f8f9; font-size:15px; }
.journal-social-heading { margin-top:clamp(36px,4vw,48px); }
.journal-social-heading h3 { margin:0; font-size:17px; font-weight:500; }
.journal-videos { display:grid; grid-template-columns:1fr; gap:24px; }
.journal-videos a { min-width:0; }
.journal-videos img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:var(--card-radius); }
.journal-videos span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px; font-size:14px; line-height:1.6; color:#5b6570; }
.board-archive { padding-top:clamp(24px,3vw,40px); }
.board-archive__heading { margin:48px 0 24px; }
.board-archive>.board-grid { margin-top:40px; }
.pagination .nav-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:48px; }
.pagination .page-numbers { display:grid; place-items:center; min-width:40px; min-height:40px; border:1px solid #e6e8eb; border-radius:4px; font-size:14px; padding:4px 10px; }
.pagination .current { background:#0e1113; color:#fff; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.column-hero>.column-container { padding-top:clamp(24px,3vw,40px); padding-bottom:clamp(36px,5vw,56px); }
.column-hero__copy { max-width:760px; margin-top:clamp(36px,5vw,56px); }
.column-hero h1 { margin:10px 0 0; font-size:clamp(26px,calc(20px + 1.3vw),36px); font-weight:500; line-height:1.4; letter-spacing:.01em; text-wrap:balance; }
.column-hero .editorial-rule { margin:18px 0; }
.column-byline { font-size:13.5px; line-height:1.55; }
.column-byline p { margin:0; }
.column-byline p:last-child { color:#6b7580; }
.column-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:56px; align-items:start; padding-top:clamp(24px,4vw,56px); padding-bottom:clamp(64px,7vw,96px); }
.column-content { min-width:0; max-width:720px; }
.column-summary { margin-bottom:28px; padding:clamp(20px,2.4vw,26px) clamp(20px,2.4vw,28px); border-radius:8px; border:1px solid #e3e5e8; }
.column-summary h2 { margin:0; font-size:13px; font-weight:500; color:#c4533b; }
.column-summary ul { margin:12px 0 0; padding:0 0 0 16px; display:flex; flex-direction:column; gap:10px; font-size:clamp(15.5px,calc(15px + .15vw),16.5px); line-height:1.7; word-break:keep-all; }
.column-summary li::marker { color:#e0684f; }
.column-image { aspect-ratio:3/2; overflow:hidden; border-radius:6px; background:#edebe8; }
.column-image img { width:100%; height:100%; object-fit:cover; }
.related-treatment { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:32px; padding:clamp(18px,2vw,22px) clamp(20px,2.4vw,24px); border-radius:8px; background:var(--water-background); border:1px solid rgba(14,17,19,.06); }
.related-treatment small { display:block; font-size:12.5px; color:#6b7580; }
.related-treatment strong { display:block; margin-top:4px; font-size:16.5px; font-weight:500; }
.related-treatment>span:last-child { color:#c4533b; }
.column-related { margin-top:clamp(48px,5vw,64px); }
.column-related>h2 { margin:0; font-size:17px; font-weight:500; }
.column-back { display:inline-flex; align-items:center; margin-top:32px; min-height:44px; font-size:14px; color:#5b6570; }
.page-links { display:flex; gap:12px; margin-top:32px; }
@media (max-width:767px) {
	.board-grid--latest { display:flex; overflow-x:auto; margin-inline:-24px; padding:0 24px 24px; margin-bottom:-24px; scroll-snap-type:x mandatory; scroll-padding-left:24px; }
	.board-grid--latest>.board-card { flex:0 0 min(296px,calc(100vw - 48px)); scroll-snap-align:start; }
	.journal-videos { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
	.journal-videos>a { flex:0 0 100%; scroll-snap-align:start; }
}
@media (min-width:768px) {
	:root { --editorial-side:32px; --journal-side:clamp(48px,7vw,80px); }
	.filter-links { justify-content:center; }
	.board-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.journal-videos { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.acne-doctors { gap:24px; }
	.acne-doctors h3 { font-size:24px; }
	.acne-doctors p { font-size:13.5px; }
}
@media (min-width:1024px) {
	:root { --editorial-side:clamp(40px,calc((100vw - 1120px) / 2),80px); }
	.acne-layout, .column-layout { grid-template-columns:200px minmax(0,1fr); }
	.editorial-toc { display:block; position:sticky; top:calc(var(--header-height) + 32px); }
	.acne-layout>.editorial-toc { margin-top:clamp(48px,5vw,64px); }
	.column-layout:not(:has(.editorial-toc)) { grid-template-columns:minmax(0,1fr); }
}
@media (min-width:1200px) {
	:root { --journal-side:80px; }
	.board-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.journal-section--academic .board-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
	.column-related .board-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.column-byline-wrap { display:flex; align-items:center; gap:12px; }
.column-author-image { display:block; position:relative; flex:none; width:44px; height:44px; border-radius:50%; overflow:hidden; background:#e8eaed; }
.column-author-image img { position:absolute; width:180%; max-width:none; height:auto; left:-40%; top:-9%; }
.academic-track { display:grid; grid-auto-flow:column; grid-auto-columns:var(--gallery-width,160px); gap:16px; margin-top:16px; overflow-x:auto; padding-bottom:24px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
.academic-entry { min-width:0; scroll-snap-align:start; }
.academic-entry__image { aspect-ratio:4/3; overflow:hidden; border-radius:var(--card-radius); box-shadow:var(--card-shadow); background:#eef0f2; }
.academic-entry__image img { width:100%; height:100%; object-fit:cover; }
.academic-entry p { margin:8px 0 0; font-size:13px; color:#6e6159; }
.academic-entry .board-card__category { margin-top:20px; color:#c4533b; letter-spacing:.08em; }
.academic-entry h3 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:8px 0 0; font-size:clamp(16px,1.2vw,17px); font-weight:500; line-height:1.45; word-break:keep-all; }
.journal-section--academic .gallery-controls { justify-content:center; margin-top:16px; }
@media(max-width:767px) { .academic-track { gap:18px; } }

/* Column source uses title/date rows for related articles, not thumbnail cards. */
.column-related__list { margin-top:14px; border-top:1px solid #0e1113; }
.column-related__list>a { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:16px 0; border-bottom:1px solid #ececef; }
.column-related__list span { min-width:0; font-size:clamp(15px,calc(14.6px + .1vw),16px); line-height:1.5; word-break:keep-all; }
.column-related__list time { flex:none; font-size:13px; color:#8a939c; }
.column-hero .board-card__category { letter-spacing:.04em; }
.column-layout .editorial-toc ol { display:flex; flex-direction:column; gap:2px; }
.column-layout .editorial-toc a { color:#8a939c; }
.column-layout .editorial-toc a[aria-current="location"] { color:#0e1113; }
.related-treatment>span:last-child { display:flex; flex:none; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:rgba(224,104,79,.1); color:#e0684f; transition:transform .45s,background .3s,color .3s; }
.related-treatment:hover>span:last-child, .related-treatment:focus-visible>span:last-child { transform:translateX(4px); background:#e0684f; color:#fff; }
.board-card { transition:transform .5s cubic-bezier(.22,1,.36,1); }
@media(hover:hover) { .board-card:hover { transform:translateY(-4px); } }
@media(prefers-reduced-motion:reduce) { .board-card, .related-treatment>span:last-child { transition:none; } }

.acne-doctors .doctor-card__portrait--kim>img { height:150%; }
.acne-layout>.editorial-toc a { padding:9px 0 9px 16px; border-left-width:1px; }
.acne-layout>.editorial-toc a[aria-current="location"] { font-weight:500; }
@media(min-width:1024px) { .acne-layout>.editorial-toc { top:calc(var(--header-height) + clamp(48px,5vw,64px)); } }
.journal-videos { gap:clamp(16px,1.8vw,24px); }
.journal-video-dots { display:none; }
@media(max-width:767px) {
	.journal-video-dots:not([hidden]) { display:flex; justify-content:center; gap:2px; margin-top:8px; }
	.journal-video-dots button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; background:transparent; }
	.journal-video-dots span { width:6px; height:6px; border-radius:3px; background:#e0dad3; transition:width .5s,background .5s; }
	.journal-video-dots button[aria-pressed="true"] span { width:18px; background:#e0684f; }
}

/* Shared physician captions in the narrower two-column landing layout. */
.acne-doctors .doctor-card__name > span { display:block; margin-top:6px; line-height:1.5; word-break:keep-all; }

.editorial-hero--acne .editorial-hero__copy { margin-top:clamp(8px,2vw,20px); }
.treatment-list__card.is-pending .treatment-list__image { box-shadow:none; }

.journal-reels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:clamp(4px,.6vw,8px); }
.journal-reels>a { position:relative; display:block; min-width:0; aspect-ratio:9/16; overflow:hidden; border-radius:var(--card-radius); background:repeating-linear-gradient(135deg,#eef0f2 0 14px,#e6e9ec 14px 28px); }
.journal-reels img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.journal-reels>a:hover img { transform:scale(1.04); }
.journal-reels__badge { position:absolute; top:10px; left:10px; padding:4px 7px; border-radius:3px; background:rgba(14,17,19,.72); color:#fff; font:600 10px var(--font-en); letter-spacing:.08em; }
.journal-reels__play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:rgba(14,17,19,.72); color:#fff; font-size:14px; }
.journal-reels__empty { margin:8px 0 0; padding:24px; border:1px solid var(--color-line); border-radius:var(--card-radius); background:#fff; color:var(--color-muted); font-size:14px; text-align:center; }
@media(max-width:767px) { .journal-reels { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; } .journal-reels>a { flex:0 0 calc(50% - 6px); scroll-snap-align:start; } }
@media(prefers-reduced-motion:reduce) { .journal-reels img { transition:none; } }

/* Do not expose dots for positions beyond the end of a two-card viewport. */
.journal-video-dots button[hidden] { display:none; }