:root{--paper:#f1eee5;--ink:#171713;--soft:#68665e;--rule:#b9b4a8;--orange:#b84e27;--black:#11110f;--max:1240px;color-scheme:light;font-family:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.68}a{color:inherit}img{display:block;width:100%}.folio-header{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:1rem 5vw;border-bottom:1px solid var(--ink);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.wordmark{text-decoration:none;font-family:"Songti SC",Georgia,serif;font-size:1.2rem;font-weight:800;letter-spacing:.15em}.folio-header p{margin:0;text-align:right}.folio-header nav{grid-column:1/-1;display:flex;gap:1.25rem;padding-top:.6rem;border-top:1px solid var(--rule)}.folio-header nav a{text-decoration:none}.cover{width:min(100% - 2rem,var(--max));margin:1rem auto 0;display:grid;border-bottom:1px solid var(--ink)}.cover-image{min-height:54svh;overflow:hidden}.cover-image picture,.cover-image img{height:100%}.cover-image img{object-fit:cover}.cover-title{padding:2.2rem 0}.issue,.label,.article-head>p{margin:0 0 1rem;font-size:.68rem;font-weight:800;letter-spacing:.18em;color:var(--orange)}.cover h1{max-width:9ch;margin:0;font-family:"Songti SC",Georgia,serif;font-size:clamp(3.3rem,12vw,8.4rem);line-height:.87;font-weight:700;letter-spacing:-.08em}.cover-title>p:not(.issue){max-width:32rem;font-size:1.1rem}.arrow-link{display:inline-flex;gap:1rem;margin-top:1.3rem;padding-bottom:.2rem;border-bottom:1px solid;text-decoration:none;font-weight:800}.cover-note{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--ink);font-size:.8rem}.guide,.genres,.questions,.principles,.official,.faq{width:min(100% - 2rem,var(--max));margin:0 auto;padding:5rem 0;border-bottom:1px solid var(--ink)}.article-head{display:grid;gap:1rem}.article-head h2,.genres h2,.questions h2,.principles h2,.official h2,.faq h2{margin:0;font-family:"Songti SC",Georgia,serif;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.1}.columns{margin-top:2.5rem}.columns p{color:#3e3d38}.dropcap:first-letter{float:left;margin:.08em .12em 0 0;font-family:Georgia,serif;font-size:4.5rem;line-height:.72;color:var(--orange)}.genres{position:relative;display:grid;gap:2rem}.number{font-family:Georgia,serif;font-size:7rem;line-height:.8;color:var(--orange)}.genre-intro p:last-child{color:var(--soft)}.genre-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.genre-list li{display:grid;gap:.25rem;padding:1rem 0;border-bottom:1px solid var(--rule)}.genre-list b{font-size:1.15rem}.genre-list span{color:var(--soft)}.questions header{display:grid;gap:1rem;margin-bottom:2.5rem}.questions ol{list-style:none;margin:0;padding:0}.questions li{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--rule)}.questions li>span{font-family:Georgia,serif;color:var(--orange);font-weight:700}.questions h3{margin:0;font-size:1.15rem}.questions p{margin:.4rem 0 0;color:var(--soft)}.principles{background:var(--black);color:var(--paper);padding-left:1rem;padding-right:1rem}.principle-grid{display:grid;gap:1rem;margin-top:2rem}.principle-grid article{padding:1.4rem;border:1px solid rgba(241,238,229,.25)}.principle-grid em{font-family:"Songti SC",Georgia,serif;font-size:2rem;font-style:normal}.principle-grid p{color:#bdb9af}.official{display:grid;gap:2rem;align-items:center}.stamp{margin:0;width:8rem;height:8rem;display:grid;place-items:center;border:3px double var(--orange);border-radius:50%;transform:rotate(-8deg);color:var(--orange);font-size:.7rem;font-weight:900;letter-spacing:.12em}.official>div>p:last-child{max-width:760px;color:var(--soft)}.faq-grid{display:grid;gap:1px;margin-top:2rem;background:var(--ink);border:1px solid var(--ink)}.faq-grid article{padding:1.4rem;background:var(--paper)}.faq-grid h3{margin-top:0}.faq-grid p{margin-bottom:0;color:var(--soft)}footer{display:grid;gap:1rem;width:min(100% - 2rem,var(--max));margin:0 auto;padding:3rem 0;font-size:.82rem}footer p{margin:0;color:var(--soft)}
@media(min-width:720px){.folio-header{grid-template-columns:1fr auto auto}.folio-header nav{grid-column:auto;border:0;padding:0;margin-left:2rem}.cover{grid-template-columns:1.3fr .7fr;grid-template-rows:1fr auto;min-height:760px}.cover-image{grid-row:1/3;min-height:0}.cover-title{align-self:end;padding:3rem}.cover-note{padding:1rem 3rem}.article-head{grid-template-columns:.35fr 1fr}.columns{columns:2;column-gap:4rem;margin-left:35%}.columns p:first-child{margin-top:0}.genres{grid-template-columns:.3fr .7fr 1fr}.genre-list li{grid-template-columns:.7fr 1fr}.questions header{grid-template-columns:.45fr 1fr}.questions ol{margin-left:28%}.principles{padding:5rem}.principle-grid{grid-template-columns:repeat(3,1fr)}.official{grid-template-columns:.35fr 1fr}.faq-grid{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr 2fr auto;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.handbook-photo{width:min(100% - 2rem,var(--max));margin:0 auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#ded9cc}.handbook-photo img{height:clamp(300px,52vw,620px);object-fit:cover;filter:saturate(.88) contrast(1.04)}.handbook-photo figcaption{display:grid;grid-template-columns:6rem 1fr;gap:1rem;padding:.9rem 0;font-size:.78rem}.handbook-photo b{color:var(--orange);letter-spacing:.12em}.handbook-photo span{max-width:44rem}.photo-dark{background:var(--black);color:var(--paper)}@media(min-width:720px){.photo-inset{width:min(72%,920px);margin-left:auto;margin-right:max(1rem,calc((100% - var(--max))/2))}.photo-bleed img{height:560px}.photo-inset img{height:480px}.handbook-photo figcaption{padding:1rem 1.25rem}.photo-inset:nth-of-type(even){margin-left:max(1rem,calc((100% - var(--max))/2));margin-right:auto}}
