/* V046: ink-cyan guidebook */
:root{--ink:#08181c;--ink-2:#102a30;--cyan:#37d7d3;--cyan-pale:#b9f5ee;--paper:#f2f1e8;--paper-2:#deded1;--rust:#ff765f;--line:rgba(8,24,28,.18);--max:1180px;--shadow:0 18px 50px rgba(8,24,28,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}a{color:inherit;text-underline-offset:.22em}button,input{font:inherit}img,svg{max-width:100%;height:auto}.skip-link{position:fixed;left:1rem;top:-8rem;z-index:99;background:var(--cyan);padding:.7rem 1rem;font-weight:800}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,24,28,.97);color:#f7f7ef;border-bottom:1px solid rgba(185,245,238,.26)}.header-row{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.72rem clamp(1rem,3vw,2.5rem)}.wordmark{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:900;letter-spacing:.04em}.wordmark span{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:.7rem}.nav-toggle{display:none;align-items:center;gap:.6rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#fff;min-height:44px;padding:.45rem .8rem}.nav-toggle i{width:.65rem;height:.65rem;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(45deg) translateY(-2px)}.nav-toggle[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,-2px)}.tabbed-index{max-width:var(--max);margin:auto;display:flex;gap:.35rem;padding:0 clamp(1rem,3vw,2.5rem) .7rem;overflow-x:auto;scrollbar-width:thin}.tabbed-index a{flex:0 0 auto;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.36rem .78rem;color:#dcebe9;text-decoration:none;font-size:.84rem}.tabbed-index a:hover,.tabbed-index a:focus-visible{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.site-main{max-width:var(--max);margin:auto;padding:clamp(1.25rem,4vw,4rem) clamp(1rem,3vw,2.5rem) 5rem}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.72fr);gap:clamp(1rem,4vw,3rem);align-items:stretch;margin-bottom:clamp(4rem,9vw,8rem)}.hero-copy{position:relative;min-width:0;background:var(--ink);color:white;border-radius:1.2rem;padding:clamp(1.3rem,5vw,4.8rem);overflow:hidden;isolation:isolate}.hero-copy:before{content:"";position:absolute;width:24rem;height:24rem;right:-8rem;top:-10rem;border:5rem solid rgba(55,215,211,.15);border-radius:50%;z-index:-1}.hero-copy h1{margin:.16em 0 .25em;max-width:9ch;font-family:ui-serif,Georgia,"Songti SC",serif;font-size:clamp(3.4rem,11vw,8.6rem);line-height:.9;letter-spacing:-.08em;color:var(--cyan-pale)}.hero-lead{max-width:38rem;font-size:clamp(1.08rem,2vw,1.42rem);color:#dcebe9}.eyebrow,.section-heading>p{margin:0 0 .55rem;color:#0f7373;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero .eyebrow,.page-hero .eyebrow{color:var(--cyan)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid currentColor;border-radius:999px;padding:.65rem 1.05rem;text-decoration:none;font-weight:800}.button.primary{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.button.quiet{color:inherit}.note-panel{display:flex;min-width:0;flex-direction:column;justify-content:flex-end;border:1px solid var(--ink);border-radius:1.2rem;padding:clamp(1.2rem,3vw,2rem);box-shadow:12px 12px 0 var(--cyan)}.note-panel .note-number{font-family:ui-serif,Georgia,serif;font-size:clamp(4rem,10vw,7rem);line-height:1;color:var(--paper-2);font-weight:900}.note-panel h2{font-size:1.25rem}.note-panel p{font-size:.92rem}.orientation,section,.related{margin-block:clamp(3.5rem,8vw,7rem)}.section-heading{display:grid;grid-template-columns:minmax(5.4rem,.2fr) minmax(0,1fr);align-items:baseline;border-bottom:1px solid var(--line);margin-bottom:1.5rem}.section-heading h2{margin:0 0 .6rem;font-family:ui-serif,Georgia,"Songti SC",serif;font-size:clamp(1.75rem,4vw,3rem);line-height:1.15}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.steps article{background:var(--paper);padding:clamp(1rem,3vw,2rem)}.steps article span{color:var(--rust);font-weight:900}.steps h3{font-size:1.2rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.label-card{display:flex;min-width:0;min-height:12rem;flex-direction:column;border:1px solid var(--line);border-radius:.85rem;background:rgba(255,255,255,.36);padding:1.1rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.label-card:hover,.label-card:focus-visible{transform:translateY(-4px);background:#fff;box-shadow:var(--shadow)}.label-card strong{font-family:ui-serif,Georgia,"Songti SC",serif;font-size:1.16rem;line-height:1.35;overflow-wrap:anywhere}.label-card>span:last-child{margin-top:.8rem;color:#3c5154;font-size:.88rem}.card-label{align-self:flex-start;margin-bottom:auto;border-radius:999px;background:var(--ink);color:var(--cyan);padding:.2rem .55rem;font-size:.67rem;font-weight:900;letter-spacing:.08em}.source-note{border-left:6px solid var(--cyan);background:var(--ink);color:#eef8f6;padding:clamp(1.2rem,4vw,3rem)}.source-note .section-heading{border-color:rgba(255,255,255,.2)}.source-note a{color:var(--cyan-pale)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1rem 0}summary{cursor:pointer;font-weight:800}.page-hero{position:relative;overflow:hidden;background:var(--ink);color:white;border-radius:1rem;padding:clamp(1.4rem,6vw,5rem);margin-bottom:clamp(3rem,7vw,6rem)}.page-hero:after{content:"";position:absolute;right:-5rem;bottom:-7rem;width:17rem;height:17rem;border:2.6rem solid rgba(55,215,211,.15);border-radius:50%}.page-hero h1{position:relative;z-index:1;max-width:18ch;margin:.25rem 0;font-family:ui-serif,Georgia,"Songti SC",serif;font-size:clamp(2.2rem,6.5vw,5.4rem);line-height:1.02;letter-spacing:-.04em;overflow-wrap:anywhere}.page-hero>p:not(.eyebrow){position:relative;z-index:1;max-width:46rem;color:#d9e8e7;font-size:1.08rem}.page-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;color:#a9c3c3;font-size:.82rem}.guide-page>section,.article-page>section,.tag-page>section,.author-page>section,.tool-page>section{max-width:800px;margin-inline:auto}.guide-page h2,.article-page h2,.tag-page h2,.author-page h2,.tool-page h2{font-family:ui-serif,Georgia,"Songti SC",serif;font-size:clamp(1.65rem,4vw,2.55rem);line-height:1.2}.guide-page p,.article-page p,.tag-page p,.author-page p,.tool-page p{font-size:1.02rem}.section-no{display:block;color:var(--rust);font-size:.75rem;font-weight:900;letter-spacing:.15em}.margin-note{display:grid;grid-template-columns:minmax(7rem,.3fr) minmax(0,1fr);gap:1rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem 0;margin:2rem 0}.margin-note strong{color:#0f7373}.number-list,.check-list{padding-left:1.3rem}.number-list li,.check-list li{margin:.7rem 0;padding-left:.4rem}.check-list{list-style:"✓  "}.status-chip{display:inline-flex;position:relative;z-index:1;border:1px solid var(--cyan);border-radius:999px;color:var(--cyan-pale);padding:.35rem .7rem;font-size:.8rem;font-weight:800}.check-tool{border:1px solid var(--ink);border-radius:1rem;background:#fff;padding:clamp(1rem,4vw,2rem);box-shadow:8px 8px 0 var(--cyan)}.tool-progress{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:.8rem}.check-tool label{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 0;border-bottom:1px dashed var(--line);cursor:pointer}.check-tool label:last-child{border:0}.check-tool input{flex:0 0 auto;width:1.25rem;height:1.25rem;accent-color:#087f7d}.not-found{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found h1{margin:.1em 0;font-family:ui-serif,Georgia,"Songti SC",serif;font-size:clamp(3rem,10vw,8rem);line-height:.95}.related{border-top:4px solid var(--ink);padding-top:2rem}.site-footer{background:var(--ink);color:#dbeae8;padding:clamp(2rem,5vw,4rem) max(1rem,calc((100vw - var(--max))/2 + 2.5rem));display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem}.site-footer strong{font-family:ui-serif,Georgia,serif;font-size:1.6rem;color:var(--cyan-pale)}.site-footer nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem 1rem}.site-footer a{color:#dbeae8}.footer-status{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16);padding-top:1rem;color:#8faeae;font-size:.78rem}code{overflow-wrap:anywhere}@media(max-width:900px){.hero{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.note-panel{box-shadow:8px 8px 0 var(--cyan)}}@media(max-width:720px){.header-row{padding-block:.55rem}.nav-toggle{display:inline-flex}.tabbed-index{display:none;max-height:calc(100vh - 4rem);overflow:auto;padding:0 1rem 1rem;flex-direction:column}.tabbed-index[data-open="true"]{display:flex}.tabbed-index a{border-radius:.55rem;min-height:44px;display:flex;align-items:center}.hero-copy h1{font-size:clamp(3.5rem,19vw,6.2rem)}.steps{grid-template-columns:1fr}.card-grid,.card-grid.compact{grid-template-columns:1fr}.label-card{min-height:10rem}.section-heading{grid-template-columns:1fr}.margin-note{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-status{grid-column:1}.hero-actions .button{width:100%}}@media(max-width:390px){.site-main{padding-inline:.9rem}.page-hero,.hero-copy{border-radius:.75rem;padding:1.15rem}.wordmark{font-size:.92rem}.wordmark span{width:2rem;height:2rem}.note-panel{margin-right:8px}.label-card{padding:1rem}.page-hero h1{font-size:clamp(2.05rem,12vw,3.2rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.label-card{transition:none}}@media print{.site-header,.site-footer,.hero-actions,.related,.skip-link{display:none}.site-main{max-width:none;padding:0}.page-hero{background:#fff;color:#000;border:2px solid #000}.page-hero>p:not(.eyebrow){color:#000}.check-tool{box-shadow:none}}