.interactive-header{display:flex;align-items:center;gap:30px;padding:10px 30px;border-bottom:1px solid var(--line);min-height:68px}.interactive-header img{width:100px;height:43px;object-fit:contain;display:block}.topic-nav,.family-nav{display:flex;gap:22px;font-size:14px}.interactive-header a{text-decoration:none;color:var(--ink)}.family-nav{margin-left:auto;font-size:12px;color:var(--muted)}.catalog-page{max-width:1020px;margin:auto;padding:38px 35px}.catalog-intro{color:var(--muted);font-size:16px}.catalog-page h1{font-size:29px}.catalog-page h2{font-size:20px;margin-top:35px}.scene-index{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.scene-index a{padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:5px}.scene-index span{color:var(--muted);font-size:13px}.scene-index strong{font-size:17px}.catalog-page footer{margin-top:35px;font-size:13px}.topic-index{display:grid;grid-template-columns:1fr 1fr;gap:30px}.topic-index a{display:flex;flex-direction:column;gap:12px;padding:35px 0;border-bottom:2px solid var(--blue);text-decoration:none}.topic-index strong{font-size:24px}.topic-index span{color:var(--muted)}.scene-page{max-width:960px;margin:auto;padding:12px 35px 22px}.scene-page .concept-figure{margin:8px 0 0;border-top:0;padding-top:10px}.scene-bar{display:flex;gap:14px;align-items:center;margin-bottom:8px;font-size:12px}.scene-bar a{white-space:nowrap}.scene-bar label{min-width:0;margin-left:auto}.scene-bar select{max-width:260px;padding:6px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:3px}.scene-bar button{padding:6px;border:1px solid var(--line);background:#f4f8f8;font-size:12px;white-space:nowrap}.scene-footer{display:flex;gap:15px;font-size:12px;margin-top:14px}.scene-footer a:nth-child(3){margin-left:auto}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.reading-list article{border-bottom:1px solid var(--line);padding:18px 0}.reading-list article>a{font-size:19px}.reading-list p{font-size:14px;margin:7px 0}.scene-focused .interactive-header,.scene-focused .scene-footer{display:none}.scene-focused .scene-bar>a,.scene-focused .scene-bar label{display:none}.scene-focused .scene-bar{justify-content:flex-end}.scene-focused .scene-page{padding-top:0}.scene-focused .scene-bar button{font-size:11px}.figure-reading{min-height:0}
@media(max-width:540px){.interactive-header{padding:7px 13px;gap:12px;min-height:57px}.interactive-header img{width:74px;height:35px}.topic-nav{font-size:12px;gap:12px}.family-nav{display:none}.catalog-page{padding:25px 20px}.scene-index,.topic-index{grid-template-columns:1fr}.scene-page{padding:9px 13px 20px}.scene-bar{gap:9px}.scene-bar>a{font-size:11px}.scene-bar select{width:130px;font-size:11px}.scene-bar button{font-size:10px}.scene-footer{font-size:11px}.scene-page .concept-figure{margin:0}.reading-list article>a{font-size:17px}}
.scene-page:has([data-wide]){max-width:1240px}
/* Match the public family shell while keeping scientific plots on white. */
/* unified.css (loaded before this file) sets the family stack; scenes use the textbook's, which ends in Korean system faces. */
:root{--family-font:var(--remi-font)}
:root{--ink:#172733;--muted:#5e7381;--paper:#f9faf9;--line:#dce5eb}
body{word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
.catalog-page{max-width:1280px;padding:32px 48px 56px}
.catalog-page h1{font-size:40px;font-weight:550;line-height:1.2;letter-spacing:-1.25px;margin:12px 0 16px}
.catalog-page h2{font-size:28px;font-weight:550;line-height:1.3;letter-spacing:-.65px;margin:35px 0 14px}
.catalog-intro{line-height:1.8;font-size:16px;margin-bottom:24px}
.catalog-page .eyebrow{margin-top:25px}.topic-nav{gap:26px;font-size:13px;line-height:1.5;border-bottom:1px solid var(--line);padding-bottom:12px}
.topic-nav a{text-decoration:none;color:var(--muted);font-weight:500}.topic-nav a[aria-current=page]{color:#0079a8;font-weight:600}
.scene-index{gap:0 32px}.scene-index a{padding:20px 0;position:relative;padding-right:24px}.scene-index a:after{content:'↗';position:absolute;right:0;top:21px;color:#0079a8}.scene-index strong{font-size:18px;font-weight:550;line-height:1.45;letter-spacing:-.25px}.scene-index a:hover strong{color:#0079a8}.scene-index a:hover{border-bottom-color:#a3c3d2}
.scene-index span{line-height:1.7;font-size:13px}.topic-index a{border-bottom:1px solid var(--line)}.topic-index strong{font-size:28px;font-weight:550}
.scene-page{padding:14px 35px 26px}.scene-bar{margin-bottom:14px;min-height:36px;gap:16px}.scene-bar a{color:#526c7b}.scene-bar select,.scene-bar button{min-height:34px;border-radius:4px;padding:7px 10px;font-size:13px}.scene-bar button{color:#006b94;background:white;border-color:#b7ccd6}
.scene-page .concept-figure{background:#fff;padding:10px 18px 14px;border:1px solid var(--line);border-radius:4px;margin:0 -18px}.scene-footer{padding-top:10px;color:var(--muted)}
.scene-focused{background:#fff}.scene-focused .remi-family-bar,.scene-focused .remi-subnav{display:none}.scene-focused .scene-page .concept-figure{border:0;border-radius:0}.scene-focused .scene-bar{min-height:30px;margin:0;padding:0}.scene-focused .scene-bar button{min-height:28px;padding:3px 8px}
.reading-list article>a{font-weight:550}.scene-page:has([data-wide]){max-width:1240px}
@media(max-width:1000px){.catalog-page{padding-left:32px;padding-right:32px}}
@media(max-width:540px){.catalog-page{padding:24px 20px 40px}.catalog-page h1{font-size:32px;letter-spacing:-.9px}.catalog-page h2{font-size:25px}.catalog-intro{font-size:15px}.scene-index strong{font-size:17px}.scene-index a{padding:16px 23px 16px 0}.scene-index a:after{top:18px}.scene-page{padding:9px 13px 20px}.scene-page .concept-figure{margin:0;padding:10px 0 14px;border-left:0;border-right:0;border-radius:0}.scene-bar{gap:8px;flex-wrap:wrap;margin-bottom:10px}.scene-bar a{font-size:12px}.scene-bar label{flex:1;min-width:120px}.scene-bar select{width:100%;max-width:none;font-size:12px}.scene-bar button{font-size:12px;min-height:34px}.topic-nav{gap:22px}.scene-focused .scene-page{padding-top:0}.scene-focused .concept-figure{padding-top:10px}.scene-footer{flex-wrap:wrap}}