.c101-mag{--ink:#173b31;--muted:#586c64;--line:#dce6df;--paper:#fff;--soft:#f1f6ef;--brand:#0f4c3a;--gold:#a87832;color:var(--ink);min-width:0;font-size:16px;line-height:1.95;padding-bottom:16px}
[data-theme=dark] .c101-mag{--ink:#ecf4ef;--muted:#b0c4b9;--line:#345347;--paper:#14211d;--soft:#1d3026;--brand:#94d8b5;--gold:#dfbd87}
.c101-mag,.c101-mag *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;box-sizing:border-box}
.c101-mag h1,.c101-mag h2,.c101-mag h3{line-height:1.65;letter-spacing:-.025em;color:var(--ink)}
.c101-mag h1{font-size:clamp(25px,3.1vw,42px);font-weight:900;margin:14px 0 18px;max-width:900px}
.c101-mag h2{font-size:23px;margin:0 0 16px}.c101-mag h3{font-size:18px;margin:12px 0}
.c101-mag p{margin:0 0 16px}.c101-mag a:focus-visible,.c101-mag input:focus-visible{outline:3px solid #a87832;outline-offset:4px}
.c101-breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.c101-breadcrumb a:hover,.c101-mag .c101-inline-link:hover{text-decoration:underline!important}
.c101-hero{background:var(--soft);border:1px solid var(--line);border-top:5px solid var(--brand);padding:38px;border-radius:20px;margin-bottom:24px}
.c101-kicker{display:block;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.03em}
.c101-hero p{font-size:18px;max-width:760px;color:var(--muted)}
.c101-hero-foot{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:var(--brand);margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
.c101-search-box{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:16px;margin-bottom:20px}
.c101-search-box label{display:block;font-weight:800;font-size:15px;margin-bottom:10px}
.c101-search-box input{font:inherit;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 16px;background:var(--soft);color:var(--ink);min-width:0}
.c101-search-box p{font-size:12px;color:var(--muted);margin:8px 0 0}
.c101-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.c101-categories a{border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:12px;background:var(--paper);min-height:42px;display:flex;align-items:center}
.c101-categories a:hover,.c101-categories a[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.c101-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.c101-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0;transition:border-color .15s}
.c101-card:hover{border-color:var(--brand)}.c101-card h2{font-size:19px;margin:9px 0 12px}.c101-card h2 a{display:block}
.c101-card p{font-size:14px;color:var(--muted);line-height:2}.c101-read{font-size:13px;color:var(--brand);font-weight:800;margin-top:auto;padding-top:12px}
.c101-featured{margin:0 0 30px}.c101-quick-links{display:flex;gap:10px;flex-wrap:wrap}.c101-quick-links a{padding:12px 16px;background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--brand)}
.c101-article{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.c101-article-head{padding:34px 38px 16px}.c101-article-head h1{font-size:clamp(25px,3vw,38px)}
.c101-meta{display:flex;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:24px}
.c101-lead{font-size:18px;line-height:2.2;color:var(--muted)}
.c101-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;margin:0 24px 24px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.c101-cta strong{font-size:16px}.c101-cta p{font-size:13px;color:var(--muted);margin:5px 0 0}
.c101-button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper)!important;min-height:48px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:800;flex-shrink:0;white-space:normal;text-align:center}
.c101-toc{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;padding:20px 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.c101-toc strong{width:100%;font-size:14px}.c101-toc a{color:var(--brand);padding:4px 0}
.c101-prose{padding:30px 38px;font-size:17px;line-height:2.2;overflow-wrap:anywhere}
.c101-prose section{margin:0 0 32px;scroll-margin-top:28px}.c101-prose section:last-child{margin-bottom:0}
.c101-example{border-right:4px solid var(--gold);background:var(--soft);border-radius:10px;padding:24px}.c101-example h2{font-size:20px;margin:6px 0 12px}
.c101-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0!important;margin:14px 0}
.c101-checks li{background:var(--soft);padding:12px 16px;border-radius:10px;font-size:15px}.c101-checks li:before{content:'✓';color:var(--brand);margin-left:10px}
.c101-fields{border:1px solid var(--line);padding:14px 18px;border-radius:10px;margin-top:20px;font-size:14px}.c101-fields summary{cursor:pointer;font-weight:700}.c101-fields ul{padding:16px 24px}.c101-fields p{font-size:13px;color:var(--muted)}
.c101-inline-link{color:var(--brand);font-weight:800}.c101-next{border-top:1px solid var(--line);padding-top:24px}
.c101-related{margin-top:32px}.c101-back{display:inline-block;padding:16px 0;color:var(--brand);font-weight:700;font-size:14px}
.c101-editorial{border-top:1px solid var(--line);margin-top:32px;padding-top:26px;color:var(--muted);font-size:14px}.c101-editorial h2{font-size:20px}
.c101-empty{padding:24px;background:var(--soft);border-radius:12px}.c101-mag [hidden]{display:none!important}
@media(max-width:1050px){.c101-cta{flex-direction:column;align-items:stretch}.c101-hero,.c101-article-head{padding:26px}.c101-prose{padding:26px}.c101-toc{padding:18px 26px}}
@media(max-width:767px){.c101-grid{grid-template-columns:1fr}.c101-hero{padding:24px 20px}.c101-hero p{font-size:16px}.c101-article-head{padding:24px 20px 12px}.c101-prose{padding:24px 20px;font-size:16px}.c101-toc{padding:18px 20px}.c101-cta{margin:0 14px 20px;padding:18px}.c101-example{padding:20px 16px}.c101-card{padding:22px}.c101-lead{font-size:16px}.c101-checks{grid-template-columns:1fr}.c101-mag h2{font-size:21px}.header-actions{gap:6px}.header .circle-btn,.header .theme-switch{width:38px;height:38px}.platform-logo-title{font-size:16px}.c101-hero-foot{gap:8px 16px}.c101-meta{gap:6px}}
@media(prefers-reduced-motion:reduce){.c101-mag *{transition:none!important;scroll-behavior:auto!important}}
@media print{.header,.sidebar-nav,.mobile-footer-nav,.slide-drawer,.global-loading-overlay,.c101-cta,.c101-related,.c101-toc,footer{display:none!important}.app-container{display:block!important}.c101-article{border:0}.c101-prose,.c101-article-head{padding:10px 0}.c101-mag{color:#000;--paper:#fff;--ink:#000;--muted:#333;--soft:#fff}}
@media(max-width:480px){body:has(.c101-mag) .header{padding:14px 12px;gap:8px}body:has(.c101-mag) .platform-logo-title{font-size:14px;gap:4px}body:has(.c101-mag) .platform-logo-title i{display:none}body:has(.c101-mag) .header .circle-btn,body:has(.c101-mag) .header .theme-switch{width:34px;height:34px}body:has(.c101-mag) .header-actions{gap:5px}}