/* 묵공 주석: 현재 확대본의 글자를 75%로 조정하고 메뉴·여백도 같은 비율로 정돈합니다. */
/* 묵공 주석: GitHub Pages를 유지하는 대문·서비스 안내 2화면 구성. */
:root{--navy:#091d3f;--teal:#075b63;--blue:#4b8eb8;--red:#c92032;--line:#dbe6ed;--muted:#586981;--sidebar:247.5px;--radius:10.5px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:24px;margin:0;background:#fff;color:var(--navy);font-family:"Noto Sans KR","Malgun Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{color:var(--teal)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #448dc3;outline-offset:4px}h1,h2,h3,p,figure{margin:0}svg.icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;left:9px;top:-52.5px;z-index:100;background:var(--navy);color:white;padding:9px}.skip-link:focus{top:9px}.site-layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100svh}.sidebar{background:linear-gradient(115deg,#f2f8fc,#eaf4fa);border-right:1px solid var(--line);padding:18px 11.25px 22.5px;min-width:0}.sidebar-brand,.business-brand{display:flex;align-items:center;gap:7.5px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.sidebar-brand{font-size:20.25px;margin-bottom:22.5px}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--navy);color:white;border:2px solid #bfab75;box-shadow:inset 0 0 0 2px white;font-size:24px;font-weight:700;line-height:1}.sidebar-brand .brand-mark{width:28.5px;height:28.5px}.side-link{display:flex;align-items:center;gap:10.5px;padding:10.5px 10.5px;border-radius:8px;font-size:22.5px;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.75)}.side-link .icon{color:var(--teal);width:17.25px;height:17.25px}.side-link:hover,.side-link[aria-current=page]{background:#dcecf5;color:var(--navy)}.side-link.primary{background:#e2eef6;font-weight:700}.menu-title{font-size:18.75px;margin:18.75px 9.75px 6px;padding-bottom:6px;border-bottom:1px solid #c0d4e0;letter-spacing:-.04em}.sidebar-metrics{display:grid;gap:9px;margin-top:16.5px}.metric-card{border:1px solid #b5dfe6;border-radius:10px;background:#fff;padding:12px}.metric-title{display:flex;align-items:center;gap:7.5px;font-size:21px;font-weight:800;margin-bottom:10.5px}.metric-title .icon{width:21px;height:21px;color:var(--teal)}.metric-currency{font-size:19.5px;font-weight:700;color:var(--teal)}.metric-value{font-size:24px;font-weight:800;color:var(--teal);margin:1.5px 0 7.5px}.metric-meta{font-size:18px;color:var(--muted);line-height:1.9}.metric-card dl{margin:0 0 7.5px;font-size:21px;color:var(--teal);font-weight:700}.metric-card dl div{display:flex;justify-content:space-between;gap:10.5px;margin:4.5px 0}.metric-card dd{margin:0}.metric-status{display:block;font-size:16.5px;color:#607788;margin-top:5.25px}.sidebar-close,.menu-toggle,.menu-backdrop{display:none}.main-content{min-width:0}.main-inner{max-width:1110px;margin:auto;padding:0 24px}.home-first{min-height:100svh;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18.75px 0 9px;min-height:57.75px}.business-brand{font-size:21px}.business-brand .brand-mark{width:27px;height:27px;font-size:21.75px}.top-nav{display:flex;gap:19.5px;font-size:18px;font-weight:700;white-space:nowrap}.home-title{text-align:center;padding:15px 0 18px}.home-title h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.465vw,54.75px);line-height:1.15;letter-spacing:-.04em}.home-title p{color:var(--blue);font-size:clamp(21px,1.68vw,27px);font-weight:750;margin-top:5.25px;letter-spacing:-.045em}.hero-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:24px;align-items:center;max-width:690px;width:100%;margin:0 auto;padding:0 6px}.app-poster{display:block;position:relative;aspect-ratio:1;border:1px solid #9ac4e4;overflow:hidden;border-radius:12px;width:100%;box-shadow:0 8px 22px rgba(19,57,84,.04)}.reference-crop{position:absolute;max-width:none;pointer-events:none;user-select:none}.app-poster .reference-crop{width:378.5965%;left:-120.70175%;top:-70.87719%}.app-poster:hover{box-shadow:0 8px 22px rgba(19,57,84,.12)}.primary-button,.teal-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--red);color:#fff;border:0;border-radius:999px;padding:7.5px 16.5px;font-size:21px;font-weight:700;line-height:1.5;min-height:31.5px}.primary-button:hover{background:#b81728;color:#fff}.primary-button .icon,.teal-button .icon{width:13.5px;height:13.5px}.hero-cta{text-align:center;margin-top:9px}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:1.5px;text-align:center;font-size:18px;font-weight:700;color:#244c76;padding:16.5px 0 15px;margin-top:auto}.scroll-cue .icon{width:18px;height:16.5px}.home-second{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:33px;padding-bottom:18px}.service-heading{font-size:clamp(29.25px,2.625vw,39.75px);letter-spacing:-.06em;line-height:1.25}.service-lead{font-size:24px;color:#425a77;line-height:1.7;margin-top:9px;margin-bottom:16.5px}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-card{display:flex;gap:15px;align-items:center;background:#f0fbfb;border:1px solid #c7e8e9;border-radius:var(--radius);padding:18.75px}.service-card>.icon{width:31.5px;height:31.5px;color:var(--teal)}.service-card h3{font-size:23.25px;letter-spacing:-.05em}.service-card p{font-size:19.5px;color:var(--muted);margin:3.75px 0 11.25px}.service-card.intake{background:#fff7f8;border-color:#f4ccd1}.service-card.intake>.icon{color:var(--red)}.teal-button{background:var(--teal);border-radius:8px;padding:6px 14.25px;font-size:19.5px;min-height:27px}.teal-button:hover{background:#064a52;color:white}.service-card .primary-button{border-radius:8px;font-size:19.5px;padding:6px 14.25px;min-height:27px}.research-strip{display:flex;align-items:center;gap:16.5px;background:#f7fbff;border:1px solid #cfe3f3;border-radius:12px;padding:15.75px 17.25px;margin-top:13.5px}.research-strip>.icon{width:24.75px;height:24.75px;color:#175d80}.research-strip h3{font-size:21px;white-space:nowrap}.research-strip p{font-size:19.5px;line-height:1.7;flex:1;color:var(--muted)}.research-strip .teal-button{white-space:nowrap}.usage-note{display:flex;align-items:flex-start;gap:16.5px;border:1px solid #d4dce7;border-radius:12px;background:#fcfcff;padding:16.5px 17.25px;margin-top:13.5px}.usage-note>.icon{color:#7b8797;width:22.5px;height:22.5px}.usage-note h3{font-size:18.75px;white-space:nowrap}.usage-note p{font-size:18px;color:#61718a;line-height:1.8}.site-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:13.5px;text-align:center;font-size:16.5px;color:#68748a;line-height:1.85}.footer-links{display:flex;justify-content:center;gap:21px;flex-wrap:wrap;color:#125293;font-size:19.5px;font-weight:600;margin-bottom:9.75px}.footer-links a{display:inline-flex;align-items:center;gap:5.25px}.footer-links .icon{width:12.75px;height:12.75px}.site-footer p a{color:#125293}.footer-legal-links{margin-top:3.75px}.footer-legal-links a+a{margin-left:10.5px}.detail-header{border-bottom:1px solid var(--line)}.detail-page{padding-top:36px;padding-bottom:45px;max-width:960px;margin:auto;min-height:70svh}.back-link{font-size:19.5px;color:#44718d;display:inline-block;margin-bottom:16.5px}.detail-page h1{font-size:37.5px;line-height:1.3;letter-spacing:-.05em}.detail-lead{font-size:24px;color:var(--muted);margin:10.5px 0 18.75px}.draft-status{font-size:18px;color:#55738a;background:#eef5fa;border:1px solid #dbe8f1;display:inline-block;border-radius:5px;padding:3px 7.5px;margin-bottom:9.75px}.detail-copy{font-size:24px;line-height:1.9}.detail-copy p{margin:11.25px 0}.detail-copy ul{padding-left:17.25px}.detail-copy h2{font-size:24px;margin:22.5px 0 9px}.detail-copy a:not(.primary-button):not(.teal-button){color:var(--teal);text-decoration:underline;text-underline-offset:3px}.content-topic-links{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.content-topic-links a{border:1px solid var(--line);border-radius:7px;padding:6.75px 10.5px;font-size:21px;color:var(--teal)}.actions{margin-top:11.25px}
.reference-crop{height:auto}

@media(min-width:1400px){.home-title{padding-top:18.75px;padding-bottom:21px}.hero-stage{gap:33px}.home-second{padding-top:45px;padding-bottom:30px}}
@media(min-width:981px) and (max-height:850px){.page-header{padding-top:12.75px;min-height:48.75px}.home-title{padding:9px 0 15px}.home-title h1{font-size:44.25px}.home-title p{font-size:21.75px}.hero-stage{max-width:600px;gap:21px}.hero-cta{margin-top:6.75px}.hero-cta .primary-button{min-height:27.75px;padding:5.25px 12px;font-size:18px}.scroll-cue{padding:11.25px 0 12px}.home-second{padding-top:26.25px;padding-bottom:18px}.service-card{padding:15px}.research-strip,.usage-note{padding:12.75px 15px}}
@media(max-width:1180px) and (min-width:981px){:root{--sidebar:228px}.sidebar{padding-left:9px;padding-right:9px}.sidebar-brand{font-size:18px;gap:5.25px}.side-link{font-size:19.5px;gap:7.5px;padding:9.75px 8.25px}.main-inner{padding-left:22.5px;padding-right:22.5px}.top-nav{gap:12px;font-size:16.5px}.business-brand{font-size:18px}.hero-stage{gap:15px;padding:0}.service-card{gap:10.5px;padding:15px}.service-card h3{font-size:20.25px}.research-strip{gap:10.5px}.research-strip p{font-size:18px}}
@media(max-width:980px){.site-layout{display:block}.main-inner{padding-left:22.5px;padding-right:22.5px}.sidebar{display:none}.sidebar.open{display:block;position:fixed;inset:0 auto 0 0;z-index:50;width:min(240px,87vw);overflow-y:auto;overscroll-behavior:contain}.sidebar-close{display:block;position:absolute;right:7.5px;top:6px;width:24px;height:24px;border:0;background:transparent;font-size:26.25px;color:var(--navy)}.sidebar-brand{margin-top:9.75px}.menu-backdrop.open{display:block;position:fixed;inset:0;z-index:40;background:#091d3f66;border:0;width:100%;height:100%}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:31.5px;height:31.5px;background:#edf5fa;border:1px solid #d3e2ed;border-radius:8px;color:var(--teal)}.top-nav{gap:16.5px;margin-left:auto}.top-nav a:nth-child(n+4){display:none}.hero-stage{max-width:517.5px;gap:18.75px}.home-title h1{font-size:45px}.home-title{padding-top:18.75px;padding-bottom:24px}.home-first{min-height:100svh}.home-second{min-height:100svh}.research-strip{flex-wrap:wrap;gap:10.5px}.research-strip p{flex-basis:55%}.service-card{padding:17.25px 14.25px;gap:10.5px}.service-card h3{font-size:21px}.usage-note{gap:11.25px}.footer-links{gap:15px}}
@media(max-width:600px){.main-inner{padding-left:15px;padding-right:15px}.page-header{padding-top:11.25px;padding-bottom:9px;gap:9px;min-height:52.5px}.business-brand{font-size:18px;gap:6px}.business-brand .brand-mark{width:25.5px;height:25.5px}.top-nav{display:none}.home-title{padding:16.5px 0 21px}.home-title h1{font-size:33.75px;letter-spacing:-.06em}.home-title p{font-size:21px;margin-top:6.75px}.hero-stage{grid-template-columns:1fr;gap:22.5px;padding:0;max-width:300px}.app-poster{width:100%}.hero-cta .primary-button{font-size:21px;padding:7.5px 18px}.scroll-cue{padding:18px 0 15.75px}.home-second{min-height:0;padding-top:26.25px;padding-bottom:21px}.service-heading{font-size:30.75px}.service-lead{font-size:21px;margin-bottom:16.5px}.service-cards{grid-template-columns:1fr;gap:10.5px}.service-card{padding:17.25px;gap:14.25px}.service-card h3{font-size:21.75px}.research-strip{display:grid;grid-template-columns:22.5px 1fr;gap:7.5px 12px;padding:15px}.research-strip p{grid-column:2}.research-strip .teal-button{grid-column:2;justify-self:start;margin-top:3px}.research-strip>.icon{width:21.75px;height:21.75px}.usage-note{display:grid;grid-template-columns:21px 1fr;padding:15px;gap:7.5px 10.5px}.usage-note p{grid-column:2;font-size:18px}.footer-links{gap:9px 15px;font-size:18px}.site-footer{font-size:15px;margin-top:17.25px}.detail-page{padding-top:22.5px;padding-bottom:30px}.detail-page h1{font-size:30.75px}.detail-lead{font-size:21px}.detail-copy{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* 묵공 주석: 대문 오른쪽의 약 1/3은 공지사항, 나머지는 1호앱 소개와 이용 버튼입니다. */
.home-first .app-intro-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;max-width:min(780px,calc((100svh - 202.5px)*2 + 24px));padding:0}
.app-intro-hero .app-poster{align-self:start}
.hero-information{display:flex;flex-direction:column;gap:15px;min-width:0}
.notice-panel{flex:1;min-height:111px;padding:12px 13.5px;border:1px solid #d7e5ed;border-radius:12px;background:#f7fbfd}
.notice-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7.5px}
.notice-heading h2{font-size:18.75px;letter-spacing:-.04em}
.notice-heading>a{display:inline-flex;align-items:center;gap:3.75px;font-size:18px;font-weight:600;color:var(--teal);white-space:nowrap}
.notice-heading .icon{width:11.25px;height:11.25px}
.notice-feed{min-width:0}
.notice-empty{font-size:19.5px;color:var(--muted);line-height:1.8;padding:10.5px 0}
.notice-empty span{display:block;margin-top:2.25px;font-size:18px;color:#6b8092}
.notice-list{list-style:none;margin:0;padding:0}
.notice-list li+li{border-top:1px solid #e1eaf0}
.notice-list a{display:flex;align-items:center;gap:7.5px;min-height:24px;padding:3.75px 0;font-size:19.5px;line-height:1.4}
.notice-tag{flex-shrink:0;font-size:16.5px;font-weight:700;color:var(--teal)}
.notice-subject{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice-list time{flex-shrink:0;font-size:16.5px;color:#738598;font-variant-numeric:tabular-nums}
.app-summary{flex:2;display:flex;flex-direction:column;justify-content:center;padding:0 3px}
.app-eyebrow{font-size:18px;font-weight:700;color:var(--teal);letter-spacing:.025em;margin-bottom:6px}
.app-summary h2{font-size:clamp(27px,2.31vw,36px);line-height:1.3;letter-spacing:-.055em}
.app-summary-lead{font-size:22.5px;line-height:1.75;color:#4d647e;margin-top:9px}
.app-facts{margin:12px 0 0;font-size:19.5px;line-height:1.65}
.app-facts>div{display:flex;gap:11.25px;padding:3.75px 0}
.app-facts dt{flex:0 0 52.5px;font-weight:700;color:#284460}
.app-facts dd{margin:0;color:var(--muted)}
.app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13.5px;margin-top:13.5px}
.app-actions .primary-button{font-size:19.5px;padding:6.75px 15px}
.app-service-link{display:inline-flex;align-items:center;gap:5.25px;font-size:19.5px;font-weight:700;color:var(--teal);min-height:31.5px}
.app-service-link .icon{width:12.75px;height:12.75px}
.board-notices .notice-list a{font-size:22.5px;padding:9.75px 0;min-height:39px}
.board-notices .notice-list time{font-size:18px}
.board-notices .notice-empty{padding:18px;border:1px solid var(--line);border-radius:10px;background:#f7fbfd;font-size:22.5px}
.notice-date{font-size:19.5px;color:var(--muted);margin:0 0 15px!important}
.notice-back{display:inline-block;margin-top:18px;font-size:21px}
/* 묵공 주석: 고전연구 목록과 본문. 표는 모바일에서 영역 안으로 좌우 스크롤합니다. */
.classic-list{display:grid;gap:13.5px}
.classic-card{padding:19.5px;border:1px solid #c9e1e6;background:#f7fbfd;border-radius:12px}
.classic-card h2{font-size:25.5px;margin:4.5px 0 9px;line-height:1.45}
.detail-copy .classic-card h2 a{color:var(--navy);text-decoration:none}
.classic-card>p:not(.app-eyebrow){font-size:22.5px;color:var(--muted);margin:7.5px 0 13.5px}
.classic-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}
.classic-card-bottom time{font-size:19.5px;color:var(--muted)}
.classic-metadata{display:flex;gap:9px 18px;flex-wrap:wrap;font-size:18px;color:var(--muted);margin-bottom:15px}
.classic-intro{padding:12.75px 16.5px;background:#f4f8fb;border:1px solid #dbe6ed;border-radius:10px}
.classic-intro p{font-size:21px;margin:4.5px 0!important;line-height:1.9;color:#4d627a}
.classic-toc{padding:15px 18px;border:1px solid var(--line);border-radius:10px;margin:18px 0 24px}
.classic-toc>p{font-size:22.5px;font-weight:700;margin:0 0 7.5px}
.classic-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:4.5px 22.5px;margin:0;padding-left:16.5px;font-size:21px;color:var(--teal)}
.classic-toc button{border:0;background:transparent;text-align:left;color:var(--teal);font-size:21px;padding:3.75px 0;line-height:1.6}
.classic-body{min-width:0;line-height:1.95}
.classic-body h2{font-size:25.5px;margin:27px 0 10.5px;line-height:1.45;letter-spacing:-.035em;scroll-margin-top:24px}
.classic-body h3{font-size:18.75px;margin:19.5px 0 7.5px;line-height:1.5}
.classic-citation{font-size:18px;color:#6b7f8f;white-space:nowrap}
.classic-table-wrap{overflow-x:auto;max-width:100%;margin:13.5px 0 16.5px;border:1px solid #cfdee7;border-radius:9px}
.classic-table{width:100%;min-width:367.5px;border-collapse:collapse;font-size:21px;line-height:1.75;text-align:left}
.classic-table caption{text-align:left;padding:8.25px 10.5px;background:#edf5f8;font-size:19.5px;font-weight:700;color:var(--teal)}
.classic-table th,.classic-table td{padding:9px 10.5px;vertical-align:top;border-top:1px solid #dbe5ec;border-right:1px solid #dbe5ec}
.classic-table th:last-child,.classic-table td:last-child{border-right:0}
.classic-table thead th{background:#f4f8fb;font-weight:700}
.classic-table tbody th{font-weight:600}
.classic-table tbody tr:nth-child(even){background:#fbfdfe}
.classic-note{font-size:19.5px;color:#61718a;line-height:1.85}
.mukgong-comment{border-left:4px solid var(--teal);padding:12px 15.75px;background:#f1f9f9;border-radius:0 10px 10px 0;margin:15px 0}
.mukgong-comment p{margin:5.25px 0}
.comment-label{font-size:19.5px;font-weight:800;color:var(--teal)}
.classic-questions{padding-left:17.25px}
.classic-questions li{margin:6px 0}
.classic-references{border-top:1px solid var(--line);margin-top:25.5px;padding-top:4.5px}
.classic-references ol{padding-left:17.25px;font-size:19.5px;line-height:1.95;overflow-wrap:anywhere}
.classic-references li{margin:10.5px 0}
.classic-credit{font-size:18px;color:var(--muted);margin-top:18px!important}
.classic-list-back{display:inline-block;margin-top:15px;font-size:21px}
/* 묵공 주석: 실제 고서 스캔과 연구 소개를 함께 보여 주며, 원문 이미지 순번을 기록합니다. */
.classic-source-showcase{display:grid;grid-template-columns:124.5px minmax(0,1fr);gap:22.5px;align-items:center;padding:20.25px 22.5px;border:1px solid #ddcfb6;border-radius:14px;background:linear-gradient(115deg,#f4eddf,#fcfaf6);margin:3px 0 21px}
.classic-cover{min-width:0;text-align:center}
.classic-cover-link{display:block;line-height:0;border-radius:4px;box-shadow:0 9px 20px #46392225}
.classic-cover img{display:block;width:100%;height:auto;border-radius:4px}
.classic-cover figcaption{font-size:16.5px;line-height:1.8;color:#71644f;margin-top:7.5px}
.classic-source-intro{min-width:0}
.classic-source-intro .classic-source-eyebrow{font-size:18px;font-weight:700;letter-spacing:.06em;color:#856742;margin:0 0 7.5px}
.classic-body .classic-source-intro h2{font-size:26.25px;line-height:1.5;letter-spacing:-.045em;margin:0 0 9.75px;color:#493d2c}
.classic-source-intro .classic-intro{padding:0;background:transparent;border:0;border-radius:0}
.classic-source-intro .classic-intro p{color:#59616a;font-size:21px;line-height:1.85}
.classic-source-actions{display:flex;align-items:center;gap:7.5px 13.5px;flex-wrap:wrap;margin-top:12.75px;font-size:19.5px}
.classic-source-actions .teal-button{min-height:31.5px;padding:6.75px 12.75px}
.classic-source-intro .classic-source-credit{font-size:16.5px;color:#766a57;line-height:1.8;margin:9.75px 0 0;overflow-wrap:anywhere}
.classic-manuscript{margin:15px 0 19.5px;padding:12px;background:#f8f3e9;border:1px solid #ded3bd;border-radius:12px}
.classic-manuscript>a{display:block;line-height:0}
.classic-manuscript img{display:block;width:100%;height:auto;border-radius:5px}
.classic-manuscript figcaption{margin-top:9px;font-size:18px;line-height:1.9;color:#746852;overflow-wrap:anywhere}
.classic-image-rights{font-size:18px;color:var(--muted);line-height:1.8}
/* 묵공 주석: 원문 전체는 펼침 영역에 순서대로 배치하고, 첫 면과 끝 면의 편 경계를 안내합니다. */
.classic-full-original{margin:0 0 21px;border:1px solid #c7d9d4;border-radius:12px;background:#fafcfb;scroll-margin-top:24px}
.classic-full-original>summary{padding:13.5px 15px;cursor:pointer;font-weight:700;color:#175f55;line-height:1.8}
.classic-original-count{display:inline-block;font-size:16.5px;font-weight:500;margin-left:9px;padding:1.5px 6.75px;border-radius:20px;background:#e7f1ed;color:#46675c;white-space:nowrap}
.classic-original-content{padding:0 15px 15px}
.classic-body .classic-original-scope{font-size:19.5px;line-height:1.95;margin:0 0 9px}
.classic-body .classic-original-guide{font-size:18px;line-height:1.9;color:#69766e;margin:0 0 13.5px}
.classic-original-content .classic-manuscript{margin:13.5px 0 18px;padding:9px}
.classic-original-content .classic-source-credit{font-size:16.5px;color:#766a57;line-height:1.85;overflow-wrap:anywhere}
.classic-source-actions button.teal-button{font:inherit;font-weight:700;cursor:pointer;border:0}
.classic-full-original:focus-visible,.classic-full-original>summary:focus-visible{outline:3px solid #6ea99b;outline-offset:3px}
@media(max-width:600px){.classic-full-original>summary{padding:11.25px 9.75px;font-size:19.5px}.classic-original-count{margin-left:6px;font-size:15px;padding:0.75px 5.25px}.classic-original-content{padding:0 7.5px 9px}.classic-original-content .classic-manuscript{padding:5.25px}.classic-body .classic-original-scope{font-size:18px}}
@media(max-width:760px){.classic-source-showcase{grid-template-columns:108.75px minmax(0,1fr);gap:17.25px;padding:17.25px}.classic-body .classic-source-intro h2{font-size:24px}.classic-source-break{display:none}}
@media(max-width:600px){.classic-source-showcase{grid-template-columns:1fr;gap:16.5px;padding:17.25px 15px}.classic-cover{width:118.5px;margin:0 auto}.classic-source-intro .classic-source-eyebrow{text-align:center}.classic-body .classic-source-intro h2{font-size:24px;text-align:center}.classic-source-intro .classic-intro p{font-size:21px}.classic-source-actions{justify-content:center;gap:9px}.classic-source-intro .classic-source-credit{text-align:center}.classic-manuscript{padding:6.75px}.classic-manuscript figcaption{font-size:16.5px}}
@media(max-width:600px){.classic-card{padding:15px}.classic-card h2{font-size:21.75px}.classic-card-bottom{gap:9px}.classic-intro{padding:10.5px 12.75px}.classic-metadata{gap:5.25px 12px}.classic-toc{padding:12px 14.25px}.classic-toc ol{grid-template-columns:1fr;gap:1.5px}.classic-body h2{font-size:21.75px}.classic-body h3{font-size:18px}.classic-table{font-size:19.5px}.classic-table th,.classic-table td{padding:7.5px 9px}.mukgong-comment{padding:9.75px 12.75px}}
@media(min-width:981px) and (max-height:850px){.home-first .app-intro-hero{max-width:min(780px,calc((100svh - 187.5px)*2 + 24px))}.hero-information{gap:12px}.notice-panel{min-height:108px;padding:10.5px 13.5px}.app-eyebrow{margin-bottom:4.5px}.app-summary h2{font-size:29.25px}.app-summary-lead{margin-top:7.5px}.app-facts{margin-top:9px}.app-facts>div{padding:3px 0}.app-actions{margin-top:10.5px}}
@media(max-width:1180px) and (min-width:981px){.home-first .app-intro-hero{gap:18px}.notice-panel{padding:10.5px}.app-summary h2{font-size:28.5px}.app-summary-lead{font-size:21px}.app-facts{font-size:18px}.app-actions{gap:9px}.app-service-link{font-size:18px}.desktop-break{display:none}}
@media(max-width:980px){.home-first .app-intro-hero{max-width:675px;gap:19.5px}.app-summary h2{font-size:29.25px}.notice-panel{padding:10.5px}.app-summary-lead{font-size:21px}.desktop-break{display:none}}
@media(max-width:700px){.home-first .app-intro-hero{grid-template-columns:1fr;max-width:330px;gap:19.5px}.hero-information{gap:21px}.notice-panel,.app-summary{flex:none}.notice-panel{min-height:111px}.app-summary{padding:0 3px 3px}.app-summary h2{font-size:30.75px}.app-summary-lead{font-size:22.5px}.app-facts{font-size:19.5px}.app-actions{gap:13.5px}.home-title p{font-size:18.75px}.board-notices .notice-list a{gap:6px;font-size:19.5px}.board-notices .notice-list time{font-size:15px}}

/* 묵공 주석: 1호앱 소개 페이지. 실제 앱 화면은 제공된 뒤 상단과 분석 항목 아래에 배치합니다. */
.app-detail-body{min-width:0}
.app-detail-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(165px,1fr);gap:22.5px;padding:22.5px;border:1px solid #cee0e7;border-radius:16px;background:linear-gradient(120deg,#f3fafb,#f8fbff)}
.app-detail-intro{min-width:0}
.app-detail-body .app-detail-eyebrow{margin:0 0 7.5px;font-size:18px;font-weight:750;color:var(--teal);letter-spacing:.02em}
.app-detail-hero h2{margin:0 0 10.5px;font-size:27px;line-height:1.45;letter-spacing:-.05em}
.app-detail-intro>p:not(.app-detail-eyebrow){margin:9px 0;font-size:22.5px;line-height:1.9;color:#425a73}
.app-detail-body .app-feature-tags{display:flex;flex-wrap:wrap;gap:5.25px;list-style:none;padding:0;margin:14.25px 0}
.app-feature-tags li{font-size:16.5px;line-height:1.55;font-weight:650;color:#275f67;background:#e8f4f4;border:1px solid #cce4e5;border-radius:999px;padding:3.75px 7.5px}
.app-download-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10.5px;margin-top:15px}
.detail-copy .app-store-badge{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:4.5px 6px;line-height:0;border:1px solid #667787;border-radius:7px;background:#000;text-decoration:none!important}
.app-store-badge img{display:block;width:132px;max-width:100%;height:auto}
.app-store-badge:hover{filter:brightness(1.08)}
.app-store-caption{font-size:18px;color:var(--muted);line-height:1.6}
.app-detail-facts{align-self:center;padding:17.25px 15px;background:#fff;border:1px solid #dbe6ed;border-radius:12px;min-width:0}
.app-detail-facts dl{margin:0;font-size:19.5px;line-height:1.8}
.app-detail-facts dl>div{display:grid;grid-template-columns:32.25px minmax(0,1fr);gap:7.5px;padding:6.75px 0}
.app-detail-facts dl>div+div{border-top:1px solid #ecf1f4}
.app-detail-facts dt{font-weight:750;color:#2d526b}
.app-detail-facts dd{margin:0;color:#586981}
.app-detail-section{margin-top:28.5px}
.app-detail-section>h2{margin:0 0 9.75px;font-size:25.5px;line-height:1.45;letter-spacing:-.045em}
.app-detail-body .app-section-intro{font-size:21px;color:var(--muted);margin:0 0 13.5px;line-height:1.8}
.app-detail-body .app-input-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10.5px;list-style:none;padding:0;margin:13.5px 0}
.app-input-steps li{padding:14.25px;border:1px solid #dbe6ed;border-radius:12px;background:#fcfdff;min-width:0}
.app-step-number{display:inline-grid;place-items:center;width:20.25px;height:20.25px;font-size:18px;font-weight:750;color:#fff;border-radius:50%;background:var(--teal)}
.app-input-steps h3{font-size:24px;line-height:1.5;margin:8.25px 0 4.5px;letter-spacing:-.02em}
.app-detail-body .app-input-steps p{font-size:19.5px;color:var(--muted);margin:0;line-height:1.8}
.app-detail-body .app-section-note{font-size:19.5px;color:var(--muted);line-height:1.85;margin:9px 0 0}
.app-detail-body .app-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10.5px;align-items:start;list-style:none;margin:0;padding:0}
.app-analysis-card{position:relative;min-width:0;border:1px solid #d6e4eb;border-radius:12px;padding:17.25px;background:#fff}
.app-analysis-summary{padding-left:28.5px}
.app-analysis-number{position:absolute;top:18.75px;left:15.75px;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;color:#397f86;line-height:1.5}
.app-analysis-card h3{font-size:18.75px;line-height:1.5;margin:0 0 6px;letter-spacing:-.025em}
.app-detail-body .app-analysis-summary p{font-size:21px;color:var(--muted);line-height:1.85;margin:0}
.app-analysis-card:nth-child(4n+1),.app-analysis-card:nth-child(4n+2){background:#f8fbfd}
/* 묵공 주석: 앱 결과를 사용자가 ChatGPT에 전달해 질문할 수 있도록 예시와 복사를 제공합니다. */
.app-question-guide{padding:13.5px 15.75px;margin:13.5px 0 16.5px;border:1px solid #cce2e5;border-radius:12px;background:#f1f8f8}
.app-question-guide h3{font-size:24px;line-height:1.6;margin:0 0 5.25px;letter-spacing:-.025em}
.app-detail-body .app-question-guide p{font-size:19.5px;color:#496778;line-height:1.9;margin:5.25px 0 0}
.app-question-usage-link{display:inline-block;font-size:18px;font-weight:700;line-height:1.8;margin-top:7.5px;color:var(--teal)}
.app-question-usage{margin:15px 0 0;scroll-margin-top:96px}
.app-detail-body .app-question-usage-steps{margin:10.5px 0 0;padding-left:18px;list-style:decimal}
.app-question-usage-steps>li{padding:7.5px 0 8.25px 3.75px;min-width:0}
.app-question-usage-steps>li+li{border-top:1px solid #d5e5e7}
.app-question-usage-steps>li::marker{font-size:19.5px;font-weight:750;color:var(--teal)}
.app-question-usage-steps h4{font-size:21px;line-height:1.7;margin:0;letter-spacing:-.02em}
.app-detail-body .app-question-usage-example{padding:9px 10.5px;margin:9.75px 0;background:#fff;border:1px solid #d5e5e7;border-radius:8px}
.app-topic-questions{margin-top:12.75px;padding-top:9px;border-top:1px solid #dce7ed;min-width:0}
.app-topic-questions>summary{font-size:19.5px;font-weight:700;color:var(--teal);line-height:1.7;cursor:pointer;padding:3.75px 0}
.app-topic-questions>summary::marker{color:var(--teal)}
.app-topic-questions>summary:focus-visible{outline:3px solid #448dc3;outline-offset:4px;border-radius:3px}
.app-detail-body .app-question-items{margin:6px 0 0;padding-left:14.25px;list-style:decimal}
.app-question-items>li{padding:9px 0;min-width:0}
.app-question-items>li+li{border-top:1px solid #dce7ed}
.app-question-items>li::marker{font-size:18px;font-weight:750;color:var(--teal)}
.app-detail-body .app-question-text{font-size:19.5px;line-height:1.9;color:#415a72;margin:0 0 7.5px}
.app-question-copy{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5.25px 9.75px;border:1px solid #b8d3d9;border-radius:7px;background:#fff;color:var(--teal);font-size:18px;font-weight:700;line-height:1.6}
.app-question-copy:hover{background:#eaf4f5}
.app-question-copy:disabled{opacity:.65;cursor:wait}
.app-detail-body .app-question-status{font-size:16.5px;color:#376978;line-height:1.8;margin:6px 0 0}
.app-question-status:empty{display:none}
.app-question-manual{display:block;width:100%;max-width:100%;margin-top:9px;padding:7.5px;border:1px solid #bfd3df;border-radius:7px;background:#fff;color:var(--navy);font:inherit;font-size:18px;line-height:1.8;resize:vertical;overflow-wrap:anywhere}
.app-question-manual[hidden]{display:none}
.app-detail-body .app-audience-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22.5px;margin:12px 0 0;padding-left:15px;font-size:21px;color:#4f637b;line-height:1.85}
.app-guide{padding:18.75px 21px;background:#f5f9fb;border:1px solid #dce7ec;border-radius:12px}
.app-guide>h2{font-size:21.75px}
.app-guide>p{font-size:21px;color:#4f637b;line-height:1.85;margin:9px 0}
.app-detail-body .app-guide-credit{font-size:18px;color:var(--muted);margin:11.25px 0 0}
.app-detail-body .app-followup-note{font-size:19.5px;color:var(--muted);margin:16.5px 0 0;line-height:1.85}
.app-screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}
.app-screen{min-width:0;margin:0}
.app-screen-link{display:block;padding:6px;background:#f2f6fa;border:1px solid #dce6ec;border-radius:10px;line-height:0}
.app-screen img{display:block;width:100%;height:auto;border-radius:6px}
.app-screen figcaption{font-size:18px;color:var(--muted);line-height:1.8;margin-top:7.5px}
.app-detail-facts .app-screen{margin-bottom:15px}
@media(max-width:1120px) and (min-width:981px){.app-detail-hero{grid-template-columns:minmax(0,1.4fr) minmax(142.5px,1fr);gap:15px;padding:18px}.app-detail-hero h2{font-size:25.5px}.app-detail-facts{padding:13.5px 12px}.app-analysis-summary{padding-left:21px}.app-analysis-number{left:12px}}
@media(max-width:760px){.app-detail-hero{grid-template-columns:1fr;gap:18px;padding:18.75px}.app-detail-facts{width:100%}.app-screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.app-question-guide{padding:12.75px}.app-question-guide h3{font-size:22.5px}.app-detail-body .app-question-guide p{font-size:18px}.app-topic-questions{margin-top:11.25px}.app-question-copy{min-height:33px}.app-detail-body .app-question-text{font-size:19.5px}}
@media(max-width:600px){.app-detail-hero{padding:15.75px 14.25px;gap:16.5px}.app-detail-hero h2{font-size:24px}.app-detail-intro>p:not(.app-detail-eyebrow){font-size:21px}.app-detail-section{margin-top:22.5px}.app-detail-section>h2{font-size:21.75px}.app-detail-body .app-input-steps{grid-template-columns:1fr;gap:7.5px}.app-input-steps li{display:grid;grid-template-columns:20.25px minmax(0,1fr);column-gap:9px;row-gap:2.25px;padding:11.25px 12.75px}.app-step-number{grid-row:1/3;align-self:center}.app-input-steps h3{font-size:22.5px;margin:0}.app-detail-body .app-input-steps p{grid-column:2}.app-detail-body .app-analysis-grid{grid-template-columns:1fr;gap:8.25px}.app-analysis-card{padding:14.25px}.app-analysis-summary{padding-left:26.25px}.app-analysis-number{top:15px;left:13.5px;font-size:19.5px}.app-analysis-card h3{font-size:18px}.app-detail-body .app-analysis-summary p{font-size:19.5px}.app-analysis-card:nth-child(n){background:#fff}.app-analysis-card:nth-child(odd){background:#f8fbfd}.app-detail-body .app-audience-list{grid-template-columns:1fr;gap:6.75px;font-size:19.5px}.app-guide{padding:15.75px 14.25px}.app-guide>p{font-size:19.5px}.app-screen-gallery{grid-template-columns:1fr;gap:18px}.app-screen{max-width:270px;margin:0 auto}.app-feature-tags li{font-size:15px}.app-store-badge img{width:132px}.app-store-caption{font-size:16.5px}}

/* 묵공 주석: 75% 글자 크기에 맞춰 메뉴·정보 칸을 정돈하고, 좁은 화면에서는 세로로 배치합니다. */
.skip-link{top:0;transform:translateY(calc(-100% - 12px));max-width:calc(100vw - 18px)}
.skip-link:focus{top:9px;transform:none}
.sidebar{padding-left:13.5px;padding-right:13.5px;position:sticky;top:0;height:100svh;overflow-y:auto;overscroll-behavior:contain;align-self:start}
.sidebar-brand{gap:9px;font-size:21px}
.sidebar-brand .brand-mark{width:33px;height:33px;font-size:21px}
.side-link{gap:11.25px;padding:12px 9px;overflow-wrap:anywhere}
.side-link .icon{width:21.75px;height:21.75px}
.menu-title{margin:22.5px 9px 7.5px;font-size:21px}
.metric-card{padding:14.25px}
.metric-title{flex-wrap:wrap;gap:7.5px;font-size:21px}
.metric-card dl div{flex-wrap:wrap;gap:3.75px 11.25px}
.metric-meta,.metric-status,.site-footer p{overflow-wrap:anywhere}
.page-header{flex-wrap:wrap;row-gap:12px;padding-top:18px;padding-bottom:15px}
.business-brand{gap:9px;font-size:21px}
.business-brand .brand-mark{width:33px;height:33px;font-size:21px}
.top-nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 16.5px;font-size:18px;line-height:1.6}
.top-nav a{display:inline-flex;align-items:center;min-height:33px}
.home-title{padding:18px 0 22.5px}
.home-first .app-intro-hero{max-width:870px;gap:22.5px;align-items:center}
.hero-information{gap:18px}
.notice-panel{padding:15px 16.5px;flex:none}
.notice-heading{align-items:flex-start;flex-wrap:wrap}
.notice-heading h2{font-size:22.5px}
.notice-heading>a{font-size:18px;min-height:30px}
.notice-list a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3.75px 9px;min-height:40.5px;padding:7.5px 0}
.notice-subject{white-space:normal;overflow:visible;overflow-wrap:anywhere}
.notice-list time{grid-column:2}
.app-summary{flex:none;padding:0}
.app-summary h2{font-size:30px}
.app-summary-lead{font-size:22.5px;line-height:1.7}
.app-facts{font-size:19.5px}
.app-facts>div{display:grid;grid-template-columns:87px minmax(0,1fr);gap:10.5px;padding:6px 0}
.app-facts dd{min-width:0;overflow-wrap:anywhere}
.app-actions{gap:9px 15px;margin-top:15px}
.app-actions .primary-button,.app-service-link{font-size:19.5px;min-height:39px}
.scroll-cue{padding:18px 0}
.home-second{padding-top:36px;padding-bottom:27px}
.service-card>div,.research-strip p,.usage-note p{min-width:0}
.service-card{align-items:flex-start;padding:21px}
.research-strip,.usage-note{display:grid;grid-template-columns:31.5px minmax(0,1fr);gap:9px 15px;padding:19.5px}
.research-strip p,.usage-note p{grid-column:2}
.research-strip .teal-button{grid-column:2;justify-self:start}
.research-strip h3,.usage-note h3{white-space:normal}
.site-footer{line-height:1.8;padding-top:19.5px}
.footer-links{gap:10.5px 21px}
.detail-page{padding-top:28.5px}
.detail-copy{line-height:1.75;overflow-wrap:anywhere}
.detail-lead{line-height:1.7}
.app-detail-hero{grid-template-columns:minmax(0,1.65fr) minmax(262.5px,1fr);gap:22.5px;padding:24px}
.app-detail-intro>p:not(.app-detail-eyebrow){line-height:1.75}
.app-detail-facts{padding:19.5px 18px}
.app-detail-facts dl>div{grid-template-columns:49.5px minmax(0,1fr);gap:12px;padding:10.5px 0}
.app-detail-facts dd{overflow-wrap:anywhere}
.app-feature-tags{gap:7.5px}
.app-feature-tags li{padding:6px 9px}
.app-download-actions{gap:9px 13.5px}
.app-input-steps li{padding:18px}
.app-step-number{width:31.5px;height:31.5px;font-size:18px}
.app-detail-body .app-analysis-grid{gap:16.5px}
.app-analysis-card{padding:21px}
.app-analysis-summary{padding-left:40.5px}
.app-analysis-number{top:23.25px;left:18.75px;font-size:21px;line-height:1.4}
.app-analysis-card h3{font-size:24px}
.app-question-guide{padding:19.5px 21px;margin-top:18px;margin-bottom:21px}
.app-question-guide h3{font-size:24px}
.app-detail-body .app-question-guide p,.app-detail-body .app-question-text{line-height:1.75}
.app-topic-questions{margin-top:16.5px;padding-top:13.5px}
.app-topic-questions>summary{padding:7.5px 0}
.app-detail-body .app-question-items{padding-left:24px}
.app-question-items>li{padding:13.5px 0}
.app-question-copy{min-height:39px;padding:7.5px 12px}
.app-question-manual{line-height:1.65;padding:10.5px}
.app-question-usage{margin-bottom:0}
.app-detail-body .app-question-usage-steps{padding-left:25.5px}
.app-question-usage-steps>li{padding:11.25px 0 12.75px 4.5px}
.app-detail-body .app-question-usage-example{padding:12px 13.5px}
.classic-citation{white-space:normal;overflow-wrap:anywhere}
.classic-source-showcase{grid-template-columns:157.5px minmax(0,1fr)}
.classic-toc ol{gap:9px 24px;padding-left:25.5px}
.classic-references ol{padding-left:25.5px}
.classic-card-bottom{flex-wrap:wrap}
.classic-original-count{margin-left:0;white-space:normal}

@media(max-width:1012px){
  .app-detail-hero{grid-template-columns:1fr}
  .app-detail-facts{width:100%}
  .app-detail-facts dl>div{grid-template-columns:67.5px minmax(0,1fr)}
}
@media(max-width:1012px) and (min-width:981px){
  .main-inner{padding-left:19.5px;padding-right:19.5px}
  .page-header .top-nav{width:100%;justify-content:flex-start}
  .home-first .app-intro-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}
  .app-summary h2{font-size:27px}
  .app-summary-lead{font-size:21px}
  .app-facts>div{grid-template-columns:1fr;gap:2.25px}
  .notice-panel{padding:13.5px}
  .service-cards,.app-detail-body .app-analysis-grid,.app-detail-body .app-input-steps{grid-template-columns:1fr}
}
@media(max-width:980px){
  .main-inner{padding-left:18px;padding-right:18px}
  .sidebar.open{width:min(270px,94vw)}
  .sidebar-brand{margin-top:22.5px}
  .sidebar-close{width:33px;height:33px;right:3.75px;top:1.5px;font-size:25.5px}
  .menu-toggle{width:34.5px;height:34.5px;flex-shrink:0}
  .top-nav{margin-left:0;font-size:18px}
  .home-first .app-intro-hero{grid-template-columns:1fr;max-width:570px}
  .app-intro-hero .app-poster{max-width:360px;margin:0 auto}
  .app-summary{padding:0}
  .app-detail-body .app-analysis-grid,.app-detail-body .app-input-steps,.service-cards{grid-template-columns:1fr}
  .classic-source-showcase{grid-template-columns:1fr}
  .classic-cover{width:157.5px;margin:0 auto}
  .classic-toc ol{grid-template-columns:1fr}
}
@media(max-width:600px){
  .main-inner{padding-left:10.5px;padding-right:10.5px}
  .page-header{gap:7.5px;padding-top:13.5px;padding-bottom:13.5px}
  .business-brand{font-size:18px;gap:6px}
  .business-brand .brand-mark{width:28.5px;height:28.5px;font-size:18.75px}
  .sidebar{padding-left:10.5px;padding-right:10.5px}
  .sidebar-brand{font-size:18.75px;gap:6.75px}
  .sidebar-brand .brand-mark{width:30px;height:30px;font-size:19.5px}
  .side-link{font-size:21px;gap:9.75px;padding:12px 6.75px}
  .home-title h1{font-size:33px;overflow-wrap:anywhere}
  .home-title p{font-size:21px}
  .home-first .app-intro-hero{max-width:330px}
  .notice-panel{padding:15px 13.5px}
  .app-summary h2{font-size:28.5px}
  .app-summary-lead{font-size:22.5px}
  .app-facts>div{grid-template-columns:1fr;gap:2.25px}
  .app-actions{align-items:flex-start;flex-direction:column}
  .service-card{padding:18px 15px;gap:10.5px}
  .service-card>.icon{width:24px;height:24px}
  .research-strip,.usage-note{grid-template-columns:1fr;padding:17.25px 15px;gap:9px}
  .research-strip p,.usage-note p,.research-strip .teal-button{grid-column:1}
  .footer-links{gap:12px 15px}
  .detail-page h1{font-size:30px;overflow-wrap:anywhere}
  .app-detail-hero{padding:16.5px 13.5px;gap:18px}
  .app-detail-facts{padding:16.5px 13.5px}
  .app-detail-facts dl>div{grid-template-columns:1fr;gap:3px;padding:9px 0}
  .app-detail-eyebrow{overflow-wrap:anywhere}
  .app-detail-body .app-input-steps li{grid-template-columns:31.5px minmax(0,1fr);column-gap:9.75px;padding:15px 13.5px}
  .app-input-steps h3{font-size:21px}
  .app-detail-body .app-input-steps p{overflow-wrap:anywhere}
  .app-analysis-card{padding:18px 13.5px}
  .app-analysis-number{top:18.75px;left:13.5px;font-size:19.5px}
  .app-analysis-summary{padding-left:33px}
  .app-analysis-card h3{font-size:22.5px}
  .app-question-guide{padding:17.25px 13.5px}
  .app-question-guide h3{font-size:22.5px}
  .app-detail-body .app-question-items{padding-left:21.75px}
  .app-detail-body .app-question-usage-steps{padding-left:23.25px}
  .app-question-copy{font-size:18px;min-height:39px}
  .app-guide{padding:17.25px 13.5px}
  .classic-source-showcase{padding:17.25px 13.5px}
  .classic-manuscript{padding:6px}
  .classic-original-content{padding:0 9px 12px}
  .classic-toc,.classic-card{padding:17.25px 13.5px}
  .classic-toc ol,.classic-references ol{padding-left:21.75px}
  .classic-source-actions{align-items:flex-start;flex-direction:column}
}

/* 묵공 주석: 질문 복사·대문 앱 버튼은 44px 이상이며 제공된 Play 배지는 선명한 기존 크기를 유지합니다. */
.app-question-copy,.app-actions .primary-button,.app-service-link{min-height:44px}
.app-store-badge img{width:176px}
.detail-copy .app-store-badge{min-height:48px}
@media(max-width:980px){
  .sidebar-close,.menu-toggle{width:44px;height:44px}
  .top-nav a{min-height:44px}
}

/* 묵공 주석: 값이 없는 긴 통계 칸은 기존 안내 페이지로 연결되는 짧은 버튼으로 정돈합니다. */
.metric-shortcut{display:block;border:1px solid #b5dfe6;border-radius:8px;background:#fff;padding:9px 10px;color:var(--navy)}
.metric-shortcut:hover{background:#f6fbfd;color:var(--navy)}
.metric-shortcut .metric-title{display:flex;flex-wrap:nowrap;gap:7px;line-height:1.3;margin-bottom:3px}
.metric-shortcut .metric-title>.icon{width:19px;height:19px}
.metric-shortcut .metric-title>.metric-arrow{width:14px;height:14px;margin-left:auto}
.metric-shortcut .metric-status{margin-top:0;line-height:1.4}
/* 묵공 주석: PC 메뉴는 문서와 함께 스크롤하며 대문 첫 구역 높이에 맞춥니다. 메뉴 글자 크기는 유지합니다. */
@media(min-width:981px){
 .sidebar{position:static;top:auto;display:flex;flex-direction:column;gap:12px;height:auto;min-height:0;overflow:visible;padding:12px 13.5px;align-self:start}
 .sidebar-brand{margin-bottom:0;flex-shrink:0}
 .sidebar>nav,.sidebar-metrics{flex-shrink:0}
 .side-link{min-height:36px;line-height:1.25;padding:3px 6px;gap:8px}
 .side-link .icon{width:19px;height:19px}
 .menu-title{line-height:1.25;margin:12px 6px 4px;padding-bottom:4px}
 .sidebar-metrics{gap:8px;margin-top:auto}
 .home-page .sidebar{height:var(--home-first-height,100svh)}
 .home-page .home-first{min-height:max(100svh,var(--sidebar-min-height,0px))}
}

/* 묵공 주석: 중복 명칭을 뺀 상단 메뉴를 정돈하고, 왼쪽 사업자명과 여성 모델 이미지를 확대합니다. */
.page-header{justify-content:flex-end}
@media(min-width:981px){
 :root{--sidebar:300px}
 .sidebar-brand{font-size:30px;line-height:1.25;gap:8px}
 .sidebar-brand .brand-mark{width:42px;height:42px;font-size:28px}
 .sidebar>nav{display:flex;flex-direction:column;gap:4px}
 .side-link{min-height:38px;padding:4px 6px}
 .menu-title{margin:0 6px;padding:10px 0 6px}
 .sidebar-metrics{margin-top:0}
 .home-page .sidebar>nav{flex-grow:1;justify-content:space-between}
 .home-first .app-intro-hero{max-width:1040px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:52px}
 .app-intro-hero .app-poster{max-width:none}
}
@media(min-width:981px) and (max-width:1280px){
 :root{--sidebar:280px}
 .sidebar-brand{font-size:28px}
 .sidebar-brand .brand-mark{width:38px;height:38px;font-size:26px}
 .home-first .app-intro-hero{gap:36px}
 .app-facts>div{grid-template-columns:1fr;gap:3px}
}
@media(max-width:980px){
 .sidebar-brand{font-size:24px;line-height:1.25;gap:7px}
 .sidebar-brand .brand-mark{width:34px;height:34px;font-size:24px}
 .home-first .app-intro-hero{max-width:640px;gap:28px}
 .app-intro-hero .app-poster{max-width:440px}
}
@media(max-width:600px){
 .home-first .app-intro-hero{max-width:380px}
}

/* 묵공 주석: 실제 환율·방문 횟수는 짧은 메뉴 버튼에 표시하고 자세한 기준은 안내 페이지에서 설명합니다. */
.metric-shortcut .metric-summary{display:block;font-size:18px;font-weight:750;color:var(--teal);line-height:1.45;overflow-wrap:anywhere}
.metric-shortcut .metric-status{font-size:16.5px;color:#526a7b;line-height:1.4}
.metrics-detail{border:1px solid var(--line);border-radius:14px;background:#f8fcfd;padding:24px;margin:18px 0}
.metric-detail-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.metric-detail-card{min-width:0;background:white;border:1px solid #cce0e8;border-radius:10px;padding:18px}
.metric-detail-card dt{font-size:21px;line-height:1.5;color:var(--muted)}
.metric-detail-card dd{font-size:30px;line-height:1.4;font-weight:800;color:var(--teal);margin:8px 0 0;overflow-wrap:anywhere}
.detail-copy .metric-detail-status{font-size:19.5px;line-height:1.7;color:#526a7b;margin:18px 0 12px}
.metrics-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:19.5px;line-height:1.6}
.metrics-detail-actions .teal-button{min-height:44px;font-size:19.5px}
.metrics-detail-actions button:disabled{cursor:wait;opacity:.7}
.detail-copy .metrics-explanation{font-size:21px;line-height:1.85;margin:18px 0 0}
.detail-copy .metrics-detail h2{font-size:24px;margin:24px 0 0}
@media(max-width:600px){
 .metrics-detail{padding:18px 14px}
 .metric-detail-values{grid-template-columns:1fr;gap:12px}
 .metric-detail-card{padding:16px}
 .metric-detail-card dt{font-size:19.5px}
 .metric-detail-card dd{font-size:27px}
 .detail-copy .metrics-explanation{font-size:19.5px}
}

/* 묵공 주석: 승인된 기본성향 소개글은 기존 읽기 편한 글자 크기로 표시하며 앱 활용 후 질문으로 이어집니다. */
.disposition-article{font-size:22.5px;line-height:1.85;min-width:0}
.disposition-section{min-width:0;scroll-margin-top:24px}
.disposition-section+.disposition-section{border-top:1px solid var(--line);margin-top:42px;padding-top:28px}
.detail-copy .disposition-section h2{font-size:30px;line-height:1.45;letter-spacing:-.035em;margin:0 0 20px}
.disposition-section h3{font-size:24px;line-height:1.6;letter-spacing:-.025em;margin:28px 0 12px;color:var(--teal)}
.detail-copy .disposition-section p{margin:14px 0}
.detail-copy .disposition-section-lead{color:#356073;font-weight:500}
.disposition-note{border-left:4px solid #b28e56;background:#f7f5ef;border-radius:0 10px 10px 0;padding:18px 22px;margin:24px 0}
.disposition-note h3{font-size:23.25px;margin:0 0 8px}
.detail-copy .disposition-note p{margin:0}
.disposition-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:21px;line-height:1.75;margin:18px 0}
.disposition-table th,.disposition-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid #d6e1e5;overflow-wrap:anywhere}
.disposition-table thead th{background:var(--teal);color:white;font-weight:700}
.disposition-table th:first-child{width:26%}
.disposition-table tbody th{font-weight:700;color:var(--teal)}
.disposition-table tbody tr:nth-child(odd){background:#f3f8f8}
.disposition-questions{padding:0;margin:20px 0 0;list-style:none;display:grid;gap:18px}
.disposition-question{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px;background:#f1f7f7;border:1px solid #d2e4e6;border-radius:12px;min-width:0}
.disposition-question-number{font-weight:800;font-size:24px;color:var(--teal);line-height:1.7}
.disposition-question-body{min-width:0}
.detail-copy .disposition-question-text{margin:0 0 14px}
.detail-copy .disposition-question-status{font-size:19.5px;line-height:1.7;color:#376978;margin:10px 0 0}
.disposition-question-status:empty{display:none}
.disposition-question .app-question-manual{font-size:19.5px;line-height:1.75}
@media(max-width:600px){
 .disposition-article{font-size:21px;line-height:1.85}
 .disposition-section+.disposition-section{margin-top:32px;padding-top:24px}
 .detail-copy .disposition-section h2{font-size:27px;margin-bottom:16px}
 .disposition-section h3{font-size:22.5px;margin-top:24px}
 .disposition-note{padding:16px 14px;margin:20px 0}
 .disposition-note h3{font-size:22.5px}
 .disposition-table{font-size:19.5px}
 .disposition-table th,.disposition-table td{padding:12px 10px}
 .disposition-table th:first-child{width:32%}
 .disposition-question{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:18px 14px}
 .disposition-question-number{font-size:21px}
 .detail-copy .disposition-question-status{font-size:18px}
}

/* 묵공 주석: 1호앱 아래 기본성향 하위 메뉴와 학업·적성, 작명을 기존 글자 크기로 정돈합니다. */
.menu-branch{min-width:0}
.side-submenu{margin:3px 0 2px 25px;padding-left:8px;border-left:2px solid #b6d2db}
.side-sublink{font-size:20.25px}
.side-sublink .icon{width:17px;height:17px}
.side-link.has-current-child{color:var(--teal);font-weight:700}
.app-disposition-link{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-size:21px;font-weight:700}
.disposition-app-example{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.disposition-app-example>h3:first-child{margin-top:0}
.disposition-screen-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:760px;margin:24px auto}
.disposition-screen-gallery .app-screen{width:100%;max-width:360px}
.disposition-screen-gallery .app-screen-link{padding:8px;border-radius:16px;background:#eaf1f3}
.disposition-screen-gallery .app-screen figcaption{font-size:19.5px}
.app-screen-credit{display:inline-block;font-size:19.5px}
.research-article{font-size:22.5px;line-height:1.85;min-width:0}
/* 묵공 주석: 출판 소개는 머리말 원문과 장·절 목차를 읽기 편한 폭과 간격으로 배치합니다. */
.publishing-article{font-size:22.5px;line-height:1.85;min-width:0;overflow-wrap:anywhere}
.publishing-intro{padding:24px 28px;border:1px solid #cce0e8;border-radius:14px;background:#f5fafc}
.detail-copy .publishing-kicker{font-size:19.5px;font-weight:700;color:var(--teal);margin:0 0 8px}
.detail-copy .publishing-intro h2{font-size:34.5px;line-height:1.45;margin:0 0 10px;color:var(--navy)}
.detail-copy .publishing-subtitle{color:#356073;font-weight:600;margin:0 0 10px}
.detail-copy .publishing-author{font-size:19.5px;color:var(--muted);margin:0 0 18px}
.publishing-jumps{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 30px}
.publishing-jumps button{font:inherit;font-size:21px;font-weight:700;min-height:44px;border:1px solid #b8cdd6;border-radius:8px;padding:8px 16px;background:#fff;color:var(--teal);cursor:pointer}
.publishing-jumps button:hover{background:#eaf4f5}
.publishing-jumps button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.publishing-preface,.publishing-toc{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}
.detail-copy .publishing-preface h2,.detail-copy .publishing-toc h2{font-size:30px;line-height:1.5;margin:0 0 22px;scroll-margin-top:20px}
.detail-copy .publishing-preface p{margin:0 0 24px}
.detail-copy .publishing-toc-lead{font-size:21px;color:var(--muted);margin:0 0 22px}
.publishing-chapter{padding:22px 0;border-bottom:1px solid var(--line)}
.publishing-chapter:last-child{border-bottom:0}
.publishing-chapter h3{font-size:25.5px;line-height:1.55;color:var(--teal);margin:0 0 14px}
.detail-copy .publishing-sections{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.publishing-sections li{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px}
.publishing-section-number{color:#526f83;white-space:nowrap}
.publishing-note{margin-top:30px;padding:18px 22px;border-left:4px solid var(--teal);border-radius:0 10px 10px 0;background:#f2f7f7}
.detail-copy .publishing-note h2{font-size:24px;line-height:1.5;margin:0 0 8px}
.detail-copy .publishing-note p{font-size:19.5px;line-height:1.85;margin:0}
@media(max-width:600px){
 .publishing-article{font-size:21px}
 .publishing-intro{padding:20px 16px}
 .detail-copy .publishing-intro h2{font-size:28.5px}
 .detail-copy .publishing-preface h2,.detail-copy .publishing-toc h2{font-size:27px}
 .publishing-chapter h3{font-size:24px}
 .publishing-sections li{grid-template-columns:60px minmax(0,1fr);gap:8px}
 .publishing-note{padding:16px}
}
.detail-copy .research-article p{margin:14px 0}
/* 묵공 주석: 초록 RGB(40,155,110)의 명도를 40% 밝게 한 첨부 예시 색상입니다. HY견고딕은 기기 설치 글꼴을 사용합니다. */
.research-promo{margin-top:18px}
.research-promo-heading{margin:0 0 20px;padding:14px 20px;background:#69d8ad;color:#000;font-family:"HY견고딕","HYGothic-Extra","Malgun Gothic","Noto Sans KR",sans-serif;font-size:22.5px;font-weight:800;font-synthesis:none;line-height:1.6;text-align:center;letter-spacing:0;overflow-wrap:anywhere}
.detail-copy .research-promo-title{margin:0;font:inherit;line-height:1.5}
.detail-copy .research-promo-heading .research-promo-subtitle{margin:8px 0 0;font:inherit;font-weight:700;line-height:1.6}
/* 묵공 주석: 추가 사례가 늘어나는 메뉴는 나눔고딕 11pt로 표시합니다. */
@font-face{font-family:"Nanum Gothic";src:url("assets/fonts/nanum-gothic-regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Nanum Gothic";src:url("assets/fonts/nanum-gothic-bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
.sidebar{font-family:"Nanum Gothic","Malgun Gothic",sans-serif}
.sidebar .side-link,.sidebar .side-sublink{font-family:inherit;font-size:11pt;font-weight:400;line-height:1.6;min-height:30px;padding:4px 6px;gap:8px}
.sidebar .side-link.primary,.sidebar .side-link.has-current-child,.sidebar .side-link[aria-current=page]{font-weight:700}
.sidebar .side-link .icon{width:16px;height:16px;flex-shrink:0}
.sidebar .menu-title{font-size:11pt;font-weight:700;line-height:1.6;margin:8px 6px 4px}
.sidebar .sidebar-brand{font-family:inherit;font-size:20px;font-weight:700;line-height:1.4;gap:8px}
.sidebar .sidebar-brand .brand-mark{width:30px;height:30px;font-size:20px}
.sidebar .side-submenu{margin:2px 0 2px 23px}
.sidebar .metric-title{font-size:11pt;line-height:1.6}
.sidebar .metric-summary,.sidebar .metric-status{font-size:12.5px;line-height:1.6}
@media(max-width:980px){.sidebar .side-link,.sidebar .side-sublink{min-height:44px}}
.research-analysis-guide{margin:24px 0 28px;color:#4a5f68;font-size:18px;line-height:1.85}
.research-analysis-guide h3{font-size:19.5px;line-height:1.6;margin:0 0 8px;color:#36525d}
.detail-copy .research-analysis-guide p{margin:10px 0}
.research-opening{font-weight:500;color:#356073}
.research-section{border-top:1px solid var(--line);margin-top:34px;padding-top:26px;min-width:0}
.detail-copy .research-section h2{font-size:30px;line-height:1.45;margin:0 0 18px;letter-spacing:-.03em}
.research-topic{margin:22px 0}
.research-topic h3,.naming-reading h3{font-size:24px;line-height:1.6;margin:0 0 10px;color:var(--teal)}
.research-note{margin:24px 0;padding:18px 22px;background:#f2f7f7;border-left:4px solid var(--teal);border-radius:0 10px 10px 0}
.research-note h2{font-size:24px;line-height:1.6;margin:0 0 10px}
.detail-copy .research-note p{margin:8px 0}
.research-table-wrap{max-width:100%;overflow-x:auto;margin:22px 0;border:1px solid #d6e2e8;border-radius:10px}
.research-table{width:100%;border-collapse:collapse;font-size:21px;line-height:1.75;text-align:left}
.research-table caption{padding:12px 16px;background:#eaf4f5;text-align:left;font-weight:700;color:var(--teal)}
.research-table th,.research-table td{padding:12px 16px;vertical-align:top;border-bottom:1px solid #d6e2e8;overflow-wrap:anywhere}
.research-table thead th{background:#f3f7fa}
.research-table tbody th{font-weight:700;color:#365d69}
.research-table tbody tr:last-child>*{border-bottom:0}
.research-table tbody tr:nth-child(even){background:#f9fbfc}
.research-sample-lead{font-weight:600;color:#356073}
.naming-reading{padding:20px 0;border-bottom:1px solid var(--line)}
.detail-copy .naming-verse{font-size:24px;font-weight:600;line-height:1.8;color:#24485a}
.detail-copy .naming-reading-sound{font-size:19.5px;color:var(--muted);margin:6px 0}
.detail-copy .research-source{font-size:19.5px;line-height:1.85;color:var(--muted);margin-top:24px}
.research-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.research-case-card{padding:20px 22px;border:1px solid #cbdfe5;border-radius:10px;background:#f6fafb;margin:18px 0}
.research-case-card h3{font-size:25.5px;line-height:1.5;color:var(--teal)}
.research-case-card .teal-button{min-height:44px;padding:8px 14px;font-size:21px;margin-top:8px}
.timing-jumps .teal-button{min-height:44px;padding:8px 14px;font-size:21px;font-family:inherit;cursor:pointer}
.timing-jumps button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.research-timing .research-section h2{scroll-margin-top:20px}
/* 묵공 주석: 예제 원고 전체를 순서대로 읽고 같은 페이지 안에서 확대합니다. */
.document-example-title{font-size:25.5px;line-height:1.6;margin:0 0 16px;color:var(--teal);overflow-wrap:anywhere}
.detail-copy .document-example-guide{font-size:21px;color:var(--muted);margin-bottom:24px}
.document-pages{display:grid;gap:30px;min-width:0}
.document-page{width:100%;max-width:960px;min-width:0;margin:0 auto}
.document-page-open{display:block;width:100%;min-height:44px;border:1px solid #cbdce4;border-radius:6px;background:#fff;padding:0;overflow:hidden;cursor:zoom-in;box-shadow:0 4px 15px #091d3f0b}
.document-page-open:hover{border-color:var(--teal)}
.document-page-open:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.document-page-open img{display:block;width:100%;height:auto}
.document-page figcaption{font-size:19.5px;line-height:1.65;text-align:center;color:var(--muted);margin-top:12px}
.document-dialog{width:calc(100vw - 32px);max-width:1200px;height:calc(100svh - 32px);max-height:calc(100svh - 32px);padding:0;border:1px solid #cbdce4;border-radius:12px;color:var(--navy);background:#f3f7fa;overflow:hidden}
.document-dialog[open]{display:flex;flex-direction:column}
.document-dialog::backdrop{background:#091d3fb8}
.document-dialog-header{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border-bottom:1px solid #d6e2e8;flex:none}
.document-dialog-header h2{min-width:0;flex:1;font-size:22.5px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.document-dialog-close,.document-dialog-zoom{font:inherit;font-size:19.5px;font-weight:700;min-height:44px;border:1px solid #b8cdd6;border-radius:7px;background:#fff;color:var(--teal);padding:8px 14px;cursor:pointer}
.document-dialog-close{flex:none}
.document-dialog-toolbar{display:flex;align-items:center;gap:16px;padding:10px 18px;flex:none}
.document-dialog-toolbar p{font-size:18px;line-height:1.6;margin:0;color:var(--muted)}
.document-dialog-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;background:#dfe8ed}
.document-dialog-image{display:block;width:100%;max-width:none;height:auto;margin:0 auto;background:#fff}
.document-dialog-image.is-enlarged{width:max(100%,1100px)}
@media(min-width:981px) and (max-width:1280px){.side-sublink{font-size:18px}}
@media(max-width:600px){
 .side-sublink{font-size:19.5px}
 .research-article{font-size:21px}
 .detail-copy .research-section h2{font-size:27px}
 .research-topic h3,.naming-reading h3,.research-note h2{font-size:22.5px}
 .research-note{padding:16px 14px}
 .research-table{font-size:19.5px}
 .research-table th,.research-table td{padding:11px 10px}
 .research-naming .research-table{min-width:440px}
 .detail-copy .naming-verse{font-size:22.5px}
 .detail-copy .research-source,.app-screen-credit{font-size:18px}
 .disposition-screen-gallery{grid-template-columns:1fr;gap:22px}
 .disposition-screen-gallery .app-screen{max-width:320px}
 .document-example-title{font-size:22.5px}
 .detail-copy .document-example-guide{font-size:19.5px}
 .document-pages{gap:24px}
 .document-page figcaption{font-size:18px}
 .document-dialog{width:calc(100vw - 16px);height:calc(100svh - 16px);max-height:calc(100svh - 16px);border-radius:8px}
 .document-dialog-header{gap:10px;padding:10px}
 .document-dialog-header h2{font-size:18px}
 .document-dialog-close,.document-dialog-zoom{font-size:18px;padding:8px 12px}
 .document-dialog-toolbar{flex-wrap:wrap;gap:6px;padding:8px 10px}
 .document-dialog-toolbar p{font-size:16.5px}
}

/* 묵공 주석: 사례 등 하위 메뉴는 기본 접힘이며 화살표는 별도의 조작 영역입니다. */
.menu-branch{position:relative}
.sidebar .menu-branch > .side-link{padding-right:36px}
.submenu-toggle{position:absolute;right:0;top:0;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--teal);font:20px/1 sans-serif}
.submenu-toggle:hover{background:#dcecf5}
.submenu-toggle span{transition:transform .15s}
.submenu-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.side-submenu[hidden]{display:none!important}
@media(max-width:980px){.submenu-toggle{width:44px;height:44px}.sidebar .menu-branch > .side-link{padding-right:48px}}
@media(prefers-reduced-motion:reduce){.submenu-toggle span{transition:none}}