@layer reset,base,layout,components,responsive;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body,h1,h2,h3,p{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default}[hidden]{display:none!important}}
@layer base{
:root{--ink:#172b29;--muted:#60716e;--green:#195d4c;--dark:#163b35;--lime:#d1f091;--line:#dfe5e3;--paper:#fff;--bg:#f6f8f7;--focus:#067d63;--mono:Consolas,'SFMono-Regular',monospace;--sans:'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}a{text-decoration:none}button{border:1px solid var(--line);background:white;color:var(--ink)}button:hover{background:#edf5ee}a:hover{color:var(--green)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:#d1f091;color:#12372e}h1,h2,h3{line-height:1.4;letter-spacing:-.045em}h1{font-size:2.125rem;font-weight:750}h2{font-size:1.25rem}kbd{font-family:var(--mono);font-size:.8rem;border:1px solid var(--line);border-radius:4px;padding:0 6px;color:var(--muted);background:#fafcfa}section[id]{scroll-margin-top:110px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.button{display:inline-flex;gap:30px;align-items:center;background:var(--dark);color:white;border:1px solid var(--dark);padding:11px 18px;border-radius:5px;font-size:.9375rem;font-weight:700}.button:hover{background:#225c4c;color:white}
}
@layer layout{
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{max-width:1320px;margin:auto;padding:22px 40px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:11px;line-height:1.1;flex-shrink:0;font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.brand small{display:block;font-size:.75rem;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:7px}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:8px;background:var(--dark);color:var(--lime)}.brand-mark svg{width:32px;height:32px}.header-inner nav{display:flex;gap:28px;margin-left:auto;font-size:.9375rem;font-weight:600}.header-inner nav a{position:relative;padding:7px 0}.header-inner nav [aria-current]{color:var(--green)}.header-inner nav [aria-current]:after{content:'';position:absolute;bottom:-23px;left:0;right:0;height:3px;background:var(--green)}.header-search{display:flex;gap:10px;align-items:center;padding-left:28px;border-left:1px solid var(--line);font-size:.875rem}.header-search kbd{margin-left:8px}
.library-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;padding:46px 40px 60px}.category-rail{padding-top:5px}.rail-label{font-family:var(--mono);letter-spacing:.1em;font-size:.7rem;color:#657973;margin:0 0 18px 12px}.category-link{display:flex;align-items:center;gap:12px;padding:13px 12px;margin:4px 0;border-radius:5px;font-size:.9375rem;line-height:1.6;font-weight:600}.category-link:hover{background:#e9efec}.category-link.selected{background:var(--dark);color:white}.category-symbol{font-family:var(--mono);font-size:1rem;width:22px;color:#63776f;text-align:center}.selected .category-symbol{color:var(--lime)}.count{font-family:var(--mono);font-size:.75rem;color:#71817b;margin-left:auto}.selected .count{color:#cbded7}.rail-note{margin:38px 12px 0;border-top:1px solid #d5dfd9;padding-top:23px;font-size:.8125rem;color:var(--muted)}.note-bracket{font-family:var(--mono);color:var(--green);font-weight:700;font-size:.75rem}.rail-note p{margin:9px 0 12px;line-height:1.9}.rail-note a{font-size:.8125rem;color:var(--green);display:flex;justify-content:space-between}.library-main{min-width:0}.eyebrow{font-family:var(--mono);letter-spacing:.1em;font-size:.6875rem;color:var(--green);font-weight:600;margin-bottom:12px}.page-intro{margin-top:12px;color:var(--muted);font-size:1rem;line-height:1.9}.site-footer{border-top:1px solid var(--line);background:white;padding:30px max(40px,calc((100vw - 1240px)/2));font-size:.8125rem;color:var(--muted)}.site-footer>div{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{color:var(--ink);font-size:1.25rem;font-weight:800}.footer-brand span{font-weight:400;font-size:.8125rem;color:var(--muted);margin-left:16px}.site-footer nav{display:flex;gap:24px;font-size:.8125rem}.site-footer>p{margin-top:16px;font-size:.75rem;color:#6b7a75}
}
@layer components{
.search-form{display:flex;align-items:center;gap:15px;background:white;border:1px solid #a7bcb2;border-radius:6px;margin-top:30px;padding:15px 20px;box-shadow:0 3px 0 #e8eeeb;scroll-margin-top:120px}.search-form:focus-within{outline:2px solid var(--focus);outline-offset:2px}.search-form svg{color:var(--green);flex-shrink:0}.search-form input{width:100%;min-width:0;background:transparent;border:0;outline:0;font-size:.9375rem;color:var(--ink)}.search-form input::placeholder{color:#71817b}.search-form button{flex-shrink:0;font-size:.8125rem;padding:4px 9px;border-radius:4px}.search-form kbd{flex-shrink:0}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:31px 0 17px}.list-heading h2{font-size:1rem;font-weight:750;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.list-heading h2>span{font-size:.75rem;line-height:1.5;padding:1px 7px;border:1px solid #c9d9d1;border-radius:4px;background:#e9f1ed;color:var(--green);font-family:var(--mono)}.list-heading p,.list-heading>a{font-size:.75rem;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card{min-width:0;background:white;border:1px solid var(--line);border-radius:6px;padding:22px 24px 16px;position:relative;transition:border-color .16s,box-shadow .16s}.article-card:hover{border-color:#779f8b;box-shadow:0 5px 15px #153d3010}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.category-badge{font-size:.6875rem;letter-spacing:-.01em;font-weight:700;color:var(--green);display:inline-block;line-height:1.6;padding:3px 7px;border-radius:3px;background:#eaf3ed}.category-badge.office{background:#eef2f8;color:#465e82}.category-badge.ai{background:#f1eff8;color:#655481}.category-badge.automotive{background:#f2f1ec;color:#73653b}.article-number{font-family:var(--mono);font-size:.75rem;color:#8c9994}.article-card h3{font-size:1.125rem;letter-spacing:-.045em;line-height:1.6;margin:14px 0 8px;font-weight:750}.article-card h3 a:after{content:'';position:absolute;inset:0;border-radius:6px}.article-card h3 a:focus-visible{outline:none}.article-card:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.article-card>p{font-size:.875rem;color:var(--muted);line-height:1.8;min-height:3.6em}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:13px;border-top:1px solid #edf1ef;gap:8px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:.6875rem;color:#78857f}.tags span+span:before{content:'·';margin-right:7px;color:#aab5af}.card-arrow{color:var(--green);font-size:1.25rem;line-height:1}.library-bottom{display:flex;gap:20px;align-items:center;padding:25px 0 0;margin-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.library-bottom>span{color:var(--green);font-weight:700;white-space:nowrap}.empty-state{padding:60px 20px;text-align:center;background:white;border:1px dashed #c3d1c9;border-radius:6px}.empty-state>span{font-family:var(--mono);font-size:2rem;color:var(--green)}.empty-state h2{margin:15px 0 10px}.empty-state p{font-size:.9375rem;color:var(--muted)}.empty-state button{padding:10px 20px;margin-top:20px;border-radius:4px;color:var(--green);border-color:#9dbbae}
.article-layout{max-width:1190px;margin:auto;padding:36px 40px 65px;display:grid;grid-template-columns:minmax(0,760px) 230px;gap:64px}.article-main{min-width:0}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:.8125rem;color:var(--muted);margin-bottom:28px}.breadcrumbs span{color:#a5b0aa}.article-header{padding:0 0 26px;border-bottom:1px solid var(--line);margin-bottom:28px}.article-header>.category-badge{font-size:.8125rem;padding:3px 9px}.article-header h1{font-size:2.25rem;line-height:1.5;margin-top:15px}.article-summary{font-size:1.0625rem;line-height:1.9;color:var(--muted);margin-top:16px}.article-meta{display:flex;flex-wrap:wrap;gap:20px;color:#6b7a75;font-size:.75rem;margin-top:19px}.article-aside{align-self:start;position:sticky;top:123px;padding-top:12px}.toc>p{font-size:.8125rem;font-weight:700;margin-bottom:16px;color:var(--ink)}.toc ol{list-style:none;padding:0;margin:0}.toc li{margin:0}.toc a{font-size:.8125rem;line-height:1.75;display:flex;gap:12px;padding:7px 0;color:var(--muted)}.toc a span{font-family:var(--mono);font-size:.6875rem;padding-top:2px;color:#9aa8a0}.toc a:hover,.toc a[aria-current]{color:var(--green);font-weight:700}.toc a[aria-current] span{color:var(--green)}.toc .toc-download{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;color:var(--green);font-weight:700}.aside-note{font-size:.75rem;color:#6c8074;line-height:1.9;margin-top:30px;padding:16px;background:#ebf0eb;border-radius:4px}.mobile-toc{display:none}.reading-content{font-size:1rem;line-height:1.95}.reading-content p{margin:14px 0}.reading-content ul,.reading-content ol{padding-left:1.5em;margin:16px 0}.reading-content li{padding-left:3px;margin:9px 0}.reading-content li::marker{color:var(--green);font-weight:650}.reader-setup{background:#eef3ef;border-left:3px solid #5b8a70;padding:17px 24px;margin:0 0 38px;border-radius:0 5px 5px 0;font-size:.9375rem}.reader-setup>p{margin:0 0 12px}.reader-setup strong{display:block;font-size:.8125rem;color:var(--green);margin-bottom:4px}.reader-setup ul{margin:6px 0 0;padding-left:1.2em}.reader-setup li{margin:3px 0}.reading-content section{margin-top:42px}.reading-content h2{font-size:1.375rem;margin:0 0 17px;line-height:1.65}.section-number{font-family:var(--mono);font-size:.9375rem;color:#427760;vertical-align:2px;margin-right:12px}.reading-content a{color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.code-block{background:#142c29;border:1px solid #243e37;border-radius:6px;margin:22px 0;overflow:hidden;min-width:0;color:#e8f0e8;word-break:normal}.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;background:#1b3730;border-bottom:1px solid #355046;font-family:var(--mono);font-size:.8125rem;color:#b5caba}.code-toolbar button{font-family:var(--sans);font-size:.8125rem;padding:3px 12px;background:#2b483e;border:1px solid #52725e;border-radius:4px;color:#e3efdf}.code-toolbar button:hover{background:#40624f}.code-block pre{overflow-x:auto;max-width:100%;padding:19px 20px;margin:0;line-height:1.75;tab-size:4;font-size:.875rem;font-family:var(--mono);white-space:pre;word-break:normal;overflow-wrap:normal}.code-block code{font-family:inherit}.callout{padding:16px 20px;background:#f0f4e9;border:1px solid #dfe7d4;border-radius:4px;margin:20px 0}.callout strong{font-size:.8125rem;color:#436136}.callout p{margin:5px 0 0;font-size:.9375rem}.table-wrap{max-width:100%;margin:22px 0;border:1px solid var(--line);border-radius:4px;overflow:hidden}table{border-collapse:collapse;font-size:.875rem;line-height:1.8;width:100%;table-layout:fixed;word-break:break-word}th,td{padding:11px 13px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{background:#eaf0ec;font-weight:700}tr:last-child td{border-bottom:0}.reading-content figure{margin:24px 0}.reading-content figure img{display:block;width:100%;height:auto;background:white;border:1px solid var(--line);border-radius:4px}.reading-content figcaption{font-size:.8125rem;color:var(--muted);margin-top:8px}.verification-limits{background:#eef1ef;padding:16px 20px;border-radius:4px}.verification-limits strong{font-size:.875rem}.verification-limits ul{margin:8px 0 0}.download-box{display:flex;gap:22px;padding:27px;background:#e8f2ec;border:1px solid #c9ddcf;border-radius:6px}.download-icon{font-size:2rem;line-height:1.3;color:var(--green)}.reading-content .download-box h2{font-size:1.25rem;margin:0}.download-box p{font-size:.9375rem;margin:10px 0 17px}.download-box .button{text-decoration:none;color:white}.download-box .download-note{font-size:.75rem;color:var(--muted);margin-bottom:0}.references{font-size:.9375rem}.related{border-top:1px solid var(--line);margin-top:38px;padding-top:10px}.related .article-card{padding:18px}.related .list-heading{margin-top:15px}.related .article-card h3{font-size:1rem}.info-page{max-width:820px;margin:auto;padding:55px 40px 80px}.info-page>.page-intro{margin-bottom:35px}.ad-preview{border:1px dashed #90a99a;text-align:center;padding:36px 20px;margin:35px 0;color:#5f7667;background:#f1f6f2}.ad-preview p{font-size:.8125rem;margin:7px 0 0}.advertisement{margin:35px 0;text-align:center}.advertisement>span{font-size:.75rem;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:80;background:var(--dark);color:white;padding:12px 22px;border-radius:6px;box-shadow:0 5px 20px #0002;font-size:.875rem;max-width:calc(100vw - 32px);width:max-content}
}
@layer responsive{
.header-inner>.primary-nav{margin-inline-start:auto}
.language-menu{position:relative;flex-shrink:0;font-size:.875rem;margin-inline-start:auto}
.language-menu summary{cursor:pointer;padding:7px 10px;border:1px solid var(--line);border-radius:4px;list-style:none;background:#fff;white-space:nowrap}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary:after{content:'⌄';margin-inline-start:10px;color:var(--muted)}
.language-menu nav{position:absolute!important;inset-inline-end:0;top:calc(100% + 10px);display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;margin:0!important;width:320px;max-width:calc(100vw - 36px);padding:10px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #18372e20;border-radius:6px;z-index:60}
.language-menu nav a{padding:10px!important;font-size:.875rem!important;border-radius:4px;letter-spacing:0;display:block!important}
.language-menu nav a:hover,.language-menu nav a[aria-current]{background:#eaf2ed;color:var(--green)}
.language-menu nav a:after{display:none!important}
.header-inner{gap:24px}
.header-inner>nav{margin-inline-start:auto}
.header-inner>.language-menu{margin-inline-start:0}
.header-search{padding-inline-start:20px;padding-left:20px}
.category-badge.research{background:#e9f2f4;color:#366575}
.category-badge.collaboration{background:#f5eee8;color:#805838}
.translation-note{font-size:.875rem!important;color:var(--muted);padding:12px 16px;background:#eef2ef;border-radius:4px;margin-bottom:25px!important}
html[dir="rtl"] .header-inner>nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .count{margin-left:0;margin-right:auto}
html[dir="rtl"] .header-search{border-left:0;border-right:1px solid var(--line);padding-right:20px;padding-left:0}
html[dir="rtl"] .section-number{margin-right:0;margin-left:12px}
html[dir="rtl"] .reading-content ul,html[dir="rtl"] .reading-content ol{padding-left:0;padding-right:1.5em}
html[dir="rtl"] .reader-setup{border-left:0;border-right:3px solid #5b8a70}
html[dir="rtl"] .toc ol{padding-right:0}
html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}
html[dir="rtl"] pre,html[dir="rtl"] code{text-align:left;direction:ltr}
html[lang="ar"] body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;word-break:normal}
html:not([lang="ko"]):not([lang="ja"]):not([lang="zh-Hans"]) body{word-break:normal}
html:not([lang="ko"]):not([lang="ja"]):not([lang="zh-Hans"]) h1,html:not([lang="ko"]):not([lang="ja"]):not([lang="zh-Hans"]) h2,html:not([lang="ko"]):not([lang="ja"]):not([lang="zh-Hans"]) h3{letter-spacing:-.025em}
@media(max-width:1100px){.header-inner{gap:18px}.header-inner>nav{gap:16px}.brand small{display:none}.header-search{border-left:0;padding-left:0}.header-inner>nav a:nth-child(3){display:none}}
@media(max-width:560px){.header-inner{gap:10px}.header-inner>nav{display:none}.header-inner>.language-menu{margin-inline-start:auto}.language-menu{font-size:.8125rem}.language-menu summary{padding:5px 8px}.language-menu nav{grid-template-columns:1fr 1fr}.category-link{font-size:.875rem}.category-link .count{font-size:.75rem}}
@media(min-width:1450px){.library-layout{padding-top:55px}.article-card{padding-top:25px;padding-bottom:20px}}
@media(max-width:1100px){.header-inner{padding:20px 28px;gap:25px}.header-inner nav{gap:20px}.library-layout{padding:34px 28px 50px;grid-template-columns:185px minmax(0,1fr);gap:28px}.category-link{gap:8px;padding:12px 8px;font-size:.875rem}.article-card{padding:18px}.article-layout{padding:30px 28px 50px;grid-template-columns:minmax(0,1fr) 200px;gap:35px}.article-header h1{font-size:2rem}.site-footer{padding:28px}.footer-brand span{display:block;margin:4px 0 0}.header-search kbd{display:none}.library-bottom{display:block}.library-bottom p{margin-top:7px}}
@media(max-width:850px){.brand small{display:none}.header-inner{padding:17px 24px}.brand-mark{width:35px;height:35px}.brand{font-size:1.25rem}.header-inner nav{gap:18px;font-size:.8125rem}.header-search{padding-left:18px}.header-search span{display:none}.header-inner nav [aria-current]:after{bottom:-20px}.library-layout{grid-template-columns:1fr;padding:20px 24px 45px;gap:26px}.category-rail{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:20px}.rail-label,.rail-note{display:none}.category-link{flex-shrink:0;margin:0;padding:8px 12px;font-size:.8125rem;border:1px solid var(--line);background:#fff}.category-symbol{width:18px;font-size:.875rem}.count{font-size:.6875rem}.article-layout{grid-template-columns:minmax(0,1fr);max-width:820px;padding:25px 24px 50px}.article-aside{display:none}.mobile-toc{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:13px 18px;margin-bottom:23px}.mobile-toc summary{cursor:pointer;font-size:.875rem;font-weight:700;color:var(--green)}.mobile-toc .toc{margin-top:18px}.mobile-toc .toc>p{display:none}.mobile-toc .toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.mobile-toc .toc-download{display:none}.site-footer>div{align-items:flex-start}.site-footer nav{gap:15px;flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:560px){html{scroll-padding-top:95px}.header-inner{padding:14px 18px;gap:12px;flex-wrap:wrap}.brand{font-size:1.125rem;gap:8px}.brand-mark{width:31px;height:31px;border-radius:5px}.brand-mark svg{width:25px;height:25px}.header-inner nav{margin-left:auto;gap:14px;font-size:.8125rem}.header-inner nav a:nth-child(2){display:none}.header-search{padding-left:13px}.header-inner nav [aria-current]:after{bottom:-15px}.library-layout{padding:17px 18px 38px;gap:23px}.category-rail{gap:7px;padding-bottom:17px}.category-link{padding:7px 9px;font-size:.75rem;gap:6px}.category-link .category-symbol{display:none}.category-link .count{font-size:.625rem}.eyebrow{font-size:.625rem;margin-bottom:10px}h1{font-size:1.625rem;line-height:1.55}.page-intro{font-size:.9375rem;margin-top:9px}.search-form{margin-top:23px;padding:13px 14px;gap:10px}.search-form input{font-size:.875rem}.search-form kbd{display:none}.search-form svg{width:20px}.list-heading{margin:25px 0 14px}.list-heading p{font-size:.6875rem}.article-grid{grid-template-columns:1fr;gap:12px}.article-card{padding:18px 20px 14px}.article-card h3{font-size:1.0625rem;line-height:1.65;margin:12px 0 7px}.article-card>p{min-height:0;font-size:.875rem}.card-bottom{margin-top:14px;padding-top:10px}.category-badge{font-size:.6875rem}.library-bottom{margin-top:20px;font-size:.6875rem}.site-footer{padding:25px 18px}.site-footer>div{display:block}.site-footer nav{justify-content:flex-start;margin-top:22px;gap:20px;font-size:.75rem}.site-footer>p{font-size:.6875rem}.footer-brand span{font-size:.75rem}.article-layout{padding:22px 18px 38px}.breadcrumbs{font-size:.75rem;margin-bottom:24px;gap:9px}.article-header h1{font-size:1.875rem;line-height:1.55;letter-spacing:-.055em}.article-summary{font-size:1rem;margin-top:14px}.article-header{padding-bottom:22px}.article-meta{font-size:.6875rem;gap:12px}.reader-setup{padding:15px 18px;font-size:.9375rem}.reading-content{font-size:1rem;line-height:1.95}.reading-content h2{font-size:1.25rem}.section-number{font-size:.8125rem;margin-right:8px;vertical-align:1px}.reading-content section{margin-top:34px}.code-block pre{padding:15px;font-size:.8125rem}.code-toolbar{padding:8px 13px;font-size:.75rem}.mobile-toc .toc ol{grid-template-columns:1fr}.download-box{padding:20px;gap:13px}.download-icon{font-size:1.5rem}.reading-content .download-box h2{font-size:1.125rem}.download-box p{font-size:.875rem}.button{padding:10px 13px;gap:15px}.table-wrap{font-size:.8125rem}th,td{padding:8px 7px;font-size:.8125rem}.related .article-grid{grid-template-columns:1fr}.related .list-heading{gap:10px}.related .list-heading>a{font-size:.6875rem}.info-page{padding:32px 18px 50px}.callout{padding:14px 17px}.toast{bottom:15px;font-size:.8125rem;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white}.site-header,.site-footer,.article-aside,.mobile-toc,.related,.toast,.code-toolbar button,.advertisement,.ad-preview{display:none}.article-layout{display:block;padding:0}.article-main{max-width:none}.code-block{background:#f6f6f6;color:black;border-color:#ddd}.code-toolbar{background:#eee;color:black}.code-block pre{white-space:pre-wrap;overflow-wrap:anywhere}.reading-content section{break-inside:auto}.download-box{break-inside:avoid}}
}
.category-symbol { white-space: nowrap; flex-shrink: 0; }
@layer responsive {
  .category-link.selected { background: var(--dark); color: #fff; }
  .list-heading h2 > span { flex-shrink: 0; white-space: nowrap; }
  .article-card > p { font-size: 1rem; }
  @media (max-width: 560px) {
    .category-link { font-size: .875rem; }
    .category-link .count { font-size: .75rem; }
    .list-heading { flex-wrap: wrap; gap: 7px 16px; }
    .list-heading h2 { flex-shrink: 0; }
  }
}