/* roulang page: index */
:root{--paper:#eee9de;--bone:#f8f5ee;--ink:#22221e;--muted:#68675e;--faint:#908e84;--line:rgba(34,34,30,.14);--olive:#53604a;--clay:#a95d3a;--mustard:#c9a24a;--dark:#20201c;--shadow:0 12px 28px rgba(34,34,30,.08);--serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(34,34,30,.16) .55px,transparent .65px);background-size:9px 9px;z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,162,74,.5);outline-offset:3px}.wrap{max-width:1240px;margin:auto;padding:0 28px}.utility{height:34px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.utility .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.utility a:hover,.foot a:hover{color:var(--mustard)}.sitehead{background:rgba(238,233,222,.96);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.navrow{min-height:96px;display:grid;grid-template-columns:270px minmax(330px,1fr) auto;align-items:center;gap:28px}.brand{font-family:var(--serif);font-weight:800;line-height:1.25;font-size:18px;letter-spacing:-.04em}.brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.17em;color:var(--muted);margin-top:4px}.navsearch,.hero-search{display:flex;align-items:center;background:var(--bone);border:1px solid var(--ink);min-height:52px;padding:0 8px 0 15px;transition:.2s}.navsearch:focus-within,.hero-search:focus-within{border-color:var(--olive);box-shadow:0 0 0 4px rgba(201,162,74,.19)}.navsearch input,.hero-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.searchgo{width:36px;height:36px;border:0;background:var(--olive);color:var(--bone);border-radius:5px;font-size:16px}.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{font-size:13px;padding:10px 11px;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{color:var(--olive);border-color:var(--olive)}.menubtn{display:none;border:1px solid var(--ink);background:var(--bone);padding:9px 11px;border-radius:5px}.hero{padding:70px 0 24px}.hero-paper{background:var(--bone);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(28px,5vw,66px);display:grid;grid-template-columns:1.12fr .88fr;gap:56px;position:relative;overflow:hidden}.hero-paper:after{content:"69";position:absolute;right:-22px;bottom:-78px;font:800 220px/1 var(--serif);color:rgba(83,96,74,.07)}.eyebrow,.tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);font-weight:700}.eyebrow:before{content:"— ";color:var(--clay)}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(34px,5vw,62px)/1.18 var(--serif);letter-spacing:-.06em;max-width:760px;margin:15px 0 22px}h2{font:800 clamp(26px,3.4vw,42px)/1.25 var(--serif);letter-spacing:-.045em;margin-bottom:14px}h3{font:700 18px/1.45 var(--serif);margin-bottom:8px}.intro{max-width:680px;font-size:16px;color:var(--muted);margin-bottom:26px}.hero-search{max-width:630px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:6px;border:1px solid var(--ink);font-size:14px;font-weight:700;transition:.2s}.btn.primary{background:var(--olive);border-color:var(--olive);color:var(--bone)}.btn.primary:hover{background:#424d3a;transform:translateY(-1px)}.btn.secondary:hover{background:#e3ddd0}.archive{position:relative;z-index:1;min-height:315px;padding:24px;background:#ded9cc;border:1px solid var(--line);display:flex;align-items:flex-end}.sheet{position:absolute;background:var(--bone);border:1px solid var(--line);box-shadow:var(--shadow)}.s1{width:74%;height:73%;top:27px;left:38px;transform:rotate(-4deg)}.s2{width:70%;height:68%;top:48px;left:92px;transform:rotate(5deg);background:#e9e3d6}.indexcard{position:relative;width:100%;padding:22px;background:var(--dark);color:var(--bone)}.indexcard .num{color:var(--mustard);font:700 34px/1 monospace}.indexcard p{font-size:13px;color:#d1cdc1;margin:14px 0}.indexline{display:flex;justify-content:space-between;border-top:1px solid rgba(248,245,238,.22);padding:8px 0;font-size:12px}.quick{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:28px}.quick a{padding:13px 18px 13px 0;margin-right:18px;font-size:13px;border-right:1px solid var(--line)}.quick a:hover{color:var(--clay)}section{padding:84px 0}.sectionlead{max-width:700px;color:var(--muted);margin-bottom:34px}.finder{display:grid;grid-template-columns:260px 1fr;gap:50px}.steps{border-left:1px solid var(--line);padding-left:22px}.step{position:relative;padding:0 0 28px}.step:before{content:"";width:8px;height:8px;background:var(--clay);position:absolute;left:-26px;top:9px;border-radius:50%}.step b{display:block;font:700 23px/1.2 monospace;color:var(--olive)}.step p{font-size:13px;color:var(--muted);margin:6px 0}.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.tile{grid-column:span 3;border:1px solid var(--line);background:rgba(248,245,238,.58);padding:23px;min-height:148px;transition:.2s;display:flex;flex-direction:column;justify-content:space-between}.tile:nth-child(2){grid-column:span 3;background:#e3dfd2}.tile:nth-child(3){grid-column:span 2}.tile:nth-child(4){grid-column:span 4;background:#dcd6c6}.tile:nth-child(5){grid-column:span 3}.tile:hover{transform:translateY(-3px);border-color:var(--olive);box-shadow:var(--shadow)}.tile p{font-size:13px;color:var(--muted);margin-bottom:0}.tile .meta{font-size:11px;color:var(--clay);font-weight:700}.dark{background:var(--dark);color:var(--bone)}.dark .sectionlead{color:#cfcbc0}.results{display:grid;grid-template-columns:1fr .9fr;gap:46px;align-items:start}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(248,245,238,.25)}.stat{padding:22px 14px 22px 0;border-bottom:1px solid rgba(248,245,238,.25)}.stat:nth-child(even){padding-left:22px}.stat strong{display:block;font:800 45px/1 var(--serif);color:var(--mustard)}.stat span{font-size:12px;color:#cdc8bc}.recent{border:1px solid rgba(248,245,238,.28);padding:25px}.recent li{list-style:none;padding:13px 0;border-bottom:1px solid rgba(248,245,238,.15);font-size:14px}.recent li:last-child{border:0}.recent em{font-style:normal;color:var(--mustard);font-size:11px;margin-right:9px}.calendar{display:grid;grid-template-columns:230px 1fr;gap:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.dates{display:flex;gap:8px}.date{border:1px solid var(--line);padding:10px;text-align:center;min-width:50px;font-size:12px}.date.active{background:var(--olive);color:var(--bone);border-color:var(--olive)}.calendar-list a{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}.calendar-list a:hover{color:var(--clay)}.feedbacks{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:18px}.quote{background:var(--bone);border-left:4px solid var(--clay);padding:24px;box-shadow:var(--shadow)}.quote:nth-child(2){margin-top:32px}.quote q{display:block;font:600 19px/1.65 var(--serif)}.quote q:before{color:var(--mustard);font-size:42px}.quote small{display:block;margin-top:16px;color:var(--muted)}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;gap:16px;align-items:center;text-align:left;background:transparent;border:0;padding:18px 0;font-weight:700}.faq-q span{color:var(--clay);font-family:monospace}.faq-q b{margin-left:auto;font-size:21px;font-weight:400}.faq-a{display:none;padding:0 35px 18px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q b{transform:rotate(45deg)}.cta{padding:40px;border:1px solid var(--ink);border-top:6px solid var(--mustard);background:var(--bone);display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{font-size:31px;margin-bottom:8px}.notice{font-size:12px;color:var(--muted);margin-top:12px}.foot{background:var(--dark);color:#e8e3d7;padding:54px 0 24px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:38px}.foot .brand{font-size:17px}.foot p,.foot a{font-size:13px;color:#beb9ad}.foot a{display:block;padding:4px 0}.copy{margin-top:38px;padding-top:17px;border-top:1px solid rgba(248,245,238,.16);font-size:12px;color:#a9a499}.modal{display:none;position:fixed;inset:0;background:rgba(32,32,28,.58);z-index:60;padding:20px;align-items:center;justify-content:center}.modal.show{display:flex}.formbox{width:min(560px,100%);background:var(--bone);padding:28px;box-shadow:var(--shadow)}.formbox label{display:block;font-size:13px;font-weight:700;margin:12px 0 5px}.formbox input,.formbox select,.formbox textarea{width:100%;padding:10px;border:1px solid var(--line);background:#fffdf8}.formbox textarea{height:96px}.error{display:none;color:var(--clay);font-size:12px;margin-top:8px}.success{display:none;color:var(--olive);font-size:13px;margin-top:10px}
@media(max-width:900px){.navrow{grid-template-columns:1fr auto;gap:15px;padding:15px 28px}.navsearch{grid-column:1/-1;grid-row:2}.navlinks{display:none}.menubtn{display:block}.sitehead.open .navlinks{display:flex;grid-column:1/-1;flex-wrap:wrap}.hero-paper,.results,.finder,.calendar{grid-template-columns:1fr;gap:28px}.archive{min-height:260px}.feedbacks{grid-template-columns:1fr 1fr}.quote:nth-child(2){margin-top:0}.footgrid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.wrap{padding:0 18px}.utility{display:none}.navrow{padding:13px 18px;min-height:0}.brand{font-size:15px}.hero{padding:34px 0 10px}section{padding:52px 0}.hero-paper{padding:26px 20px}.archive{display:none}h1{font-size:35px}.tiles{grid-template-columns:1fr 1fr}.tile,.tile:nth-child(n){grid-column:span 1;min-height:130px;padding:16px}.tile:nth-child(4){grid-column:span 2}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:35px}.recent{padding:18px}.calendar{padding:20px 0}.calendar-list a{font-size:12px}.feedbacks,.footgrid{grid-template-columns:1fr}.quick a{font-size:12px;margin-right:10px}.cta{padding:25px}.cta h2{font-size:26px}.foot{padding-top:42px}.dates{overflow:auto}.hero-actions .btn{width:100%}}

/* roulang page: category2 */
:root{--paper:#eee9de;--bone:#f8f5ee;--ink:#22221e;--muted:#68675e;--faint:#908e84;--line:rgba(34,34,30,.14);--olive:#53604a;--clay:#a95d3a;--mustard:#c9a24a;--dark:#20201c;--shadow:0 12px 28px rgba(34,34,30,.08);--serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(34,34,30,.16) .55px,transparent .65px);background-size:9px 9px;z-index:-1}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,162,74,.55);outline-offset:3px}
.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.sitehead{border-bottom:1px solid var(--line);background:rgba(238,233,222,.96);position:sticky;top:0;z-index:10}
.navrow{min-height:96px;display:grid;grid-template-columns:270px minmax(330px,1fr) auto;align-items:center;gap:28px}
.brand{font-family:var(--serif);font-weight:800;line-height:1.25;font-size:18px;letter-spacing:-.04em}
.brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.17em;color:var(--muted);margin-top:4px}
.navsearch{display:flex;align-items:center;background:var(--bone);border:1px solid var(--ink);min-height:52px;padding:0 8px 0 15px;transition:.2s}
.navsearch:focus-within{border-color:var(--olive);box-shadow:0 0 0 4px rgba(201,162,74,.19)}
.navsearch span{font-size:24px;line-height:1;margin-right:9px}
.navsearch input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}
.searchgo{width:36px;height:36px;border:0;background:var(--olive);color:var(--bone);border-radius:5px;font-size:16px;transition:.2s}
.searchgo:hover{background:#424d3a}
.navlinks{display:flex;gap:8px;align-items:center}
.navlinks a{font-size:13px;padding:10px 11px;border-bottom:2px solid transparent}
.navlinks a:hover,.navlinks a.active{color:var(--olive);border-color:var(--olive)}
.menubtn{display:none;border:1px solid var(--ink);background:var(--bone);padding:9px 11px;border-radius:5px}
.pagehead{padding:72px 0 30px}
.pagehead-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end}
.crumb{font-size:12px;color:var(--muted);margin-bottom:20px}
.crumb a:hover{color:var(--clay)}
.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--olive);font-weight:700}
.eyebrow:before{content:"— ";color:var(--clay)}
h1,h2,h3{font-family:var(--serif);line-height:1.25;margin:0}
h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.055em;margin:12px 0 20px}
h2{font-size:clamp(27px,3.2vw,42px);letter-spacing:-.04em}
h3{font-size:20px}
.lead{max-width:720px;color:var(--muted);font-size:16px}
.chapter{min-height:220px;background:var(--dark);color:var(--bone);padding:25px;position:relative;overflow:hidden}
.chapter:after{content:"02";position:absolute;right:-18px;bottom:-52px;color:rgba(201,162,74,.19);font:800 220px/1 monospace}
.chapter strong{position:relative;z-index:1;color:var(--mustard);font:700 15px monospace;letter-spacing:.12em}
.chapter p{position:relative;z-index:1;color:#cec8ba;font-size:13px;max-width:210px;margin-top:45px}
.filterbar{display:flex;gap:8px;overflow:auto;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}
.filterbar a{padding:8px 15px;border:1px solid var(--line);font-size:13px;transition:.2s}
.filterbar a:hover,.filterbar a.active{background:var(--olive);border-color:var(--olive);color:var(--bone)}
.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:64px 0 88px}
.resulttop{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.resulttop p{color:var(--muted);font-size:13px;margin:0}
.sortbox{display:flex;align-items:center;gap:8px;font-size:13px}
.sortbox select{background:var(--bone);border:1px solid var(--ink);padding:8px 30px 8px 10px;color:var(--ink)}
.archive-list{border-top:1px solid var(--ink)}
.archive-item{display:grid;grid-template-columns:78px 1fr 110px;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:24px 12px 24px 0;position:relative;transition:.2s}
.archive-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:.2s}
.archive-item:hover{background:rgba(248,245,238,.72);padding-left:14px}
.archive-item:hover:before{background:var(--olive)}
.item-no{font:700 12px monospace;color:var(--clay);letter-spacing:.08em}
.item-date{display:block;color:var(--faint);font-size:11px;margin-top:6px}
.item-copy h3{font-size:20px;margin-bottom:6px}
.item-copy h3 span{border-bottom:1px solid transparent;transition:.2s}
.archive-item:hover h3 span{border-color:var(--clay)}
.item-copy p{font-size:13px;color:var(--muted);margin:0;max-width:590px}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.tag{display:inline-block;padding:2px 8px;background:#e2ded2;color:var(--olive);font-size:11px;letter-spacing:.04em}
.item-state{text-align:right;color:var(--muted);font-size:12px}
.item-state b{display:block;color:var(--olive);font-size:13px;margin-bottom:6px}
.notice{margin:25px 0;background:#ead8cd;border-left:4px solid var(--clay);padding:16px 20px;color:#60463a;font-size:13px}
.sidebox{border-top:4px solid var(--olive);padding-top:16px;margin-bottom:38px}
.sidebox h3{font-size:21px;margin-bottom:15px}
.sidebox ul{list-style:none;padding:0;margin:0}
.sidebox li{border-bottom:1px dashed var(--line);padding:9px 0;font-size:13px;display:flex;justify-content:space-between;gap:10px}
.sidebox li a:hover{color:var(--clay)}
.sidebox li small{color:var(--faint)}
.side-note{color:var(--muted);font-size:13px}
.empty{display:none;border:1px dashed var(--line);padding:36px;text-align:center;background:var(--bone);color:var(--muted)}
.empty-icon{font-size:42px;color:var(--olive);display:block;margin-bottom:10px}
.faq-section{padding:76px 0;background:var(--bone)}
.faq-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}
.sectionlead{color:var(--muted);font-size:14px}
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;gap:16px;align-items:center;text-align:left;background:transparent;border:0;padding:18px 0;font-weight:700}
.faq-q span{color:var(--clay);font-family:monospace}
.faq-q b{margin-left:auto;font-size:21px;font-weight:400;transition:.2s}
.faq-a{display:none;padding:0 35px 18px;color:var(--muted);font-size:14px}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q b{transform:rotate(45deg)}
.cta-section{padding:76px 0}
.cta{padding:40px;border:1px solid var(--ink);border-top:6px solid var(--mustard);background:var(--bone);display:flex;justify-content:space-between;gap:30px;align-items:center}
.cta h2{font-size:31px;margin-bottom:8px}
.cta p{color:var(--muted);margin:0;max-width:650px;font-size:14px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:6px;border:1px solid var(--ink);font-size:14px;font-weight:700;transition:.2s}
.btn.primary{background:var(--olive);border-color:var(--olive);color:var(--bone)}
.btn.primary:hover{background:#424d3a;transform:translateY(-1px)}
.btn.secondary:hover{background:#e3ddd0}
.norm{font-size:12px;color:var(--faint);margin-top:20px}
.foot{background:var(--dark);color:var(--bone);padding:55px 0 25px}
.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:38px}
.foot .brand{font-size:17px}
.foot p,.foot a{font-size:13px;color:#beb9ad}
.foot a{display:block;padding:4px 0}
.foot h3{font-family:var(--sans);font-size:14px;color:var(--bone);margin:3px 0 12px}
.foot a:hover{color:var(--mustard)}
.copy{border-top:1px solid rgba(248,245,238,.15);margin-top:35px;padding-top:18px;color:#908d83;font-size:12px}
.status{font-size:13px;margin-top:10px;color:var(--clay);min-height:22px}
@media(max-width:900px){
 .navrow{grid-template-columns:1fr auto;gap:15px;padding:15px 28px}
 .navsearch{grid-column:1/-1;grid-row:2}
 .navlinks{display:none}
 .menubtn{display:block}
 .sitehead.open .navlinks{display:flex;grid-column:1/-1;flex-wrap:wrap}
 .pagehead-grid,.results-layout,.faq-intro{grid-template-columns:1fr;gap:28px}
 .chapter{min-height:160px}
 .chapter p{margin-top:20px}
 .results-layout{padding-top:45px}
 .footgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 36px)}
 .navrow{padding:13px 18px}
 .brand{font-size:15px}
 .pagehead{padding:42px 0 20px}
 h1{font-size:36px}
 .chapter{min-height:145px;padding:20px}
 .chapter:after{font-size:150px;bottom:-30px}
 .filterbar{margin-right:-18px;padding-right:18px}
 .resulttop{align-items:flex-start;flex-direction:column}
 .sortbox{width:100%;justify-content:space-between}
 .sortbox select{flex:1}
 .archive-item{grid-template-columns:1fr;gap:8px;padding:20px 0}
 .item-state{text-align:left;display:flex;gap:12px;align-items:center}
 .item-state b{margin:0}
 .item-copy h3{font-size:19px}
 .cta{padding:25px;align-items:flex-start;flex-direction:column}
 .cta h2{font-size:26px}
 .actions,.actions .btn{width:100%}
 .actions .btn{display:flex}
 .footgrid{grid-template-columns:1fr}
}

/* roulang page: category1 */
:root{--paper:#eee9de;--bone:#f8f5ee;--ink:#22221e;--muted:#68675e;--faint:#908e84;--line:rgba(34,34,30,.14);--olive:#53604a;--clay:#a95d3a;--mustard:#c9a24a;--dark:#20201c;--shadow:0 12px 28px rgba(34,34,30,.08);--serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(34,34,30,.16) .55px,transparent .65px);background-size:9px 9px;z-index:-1}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,162,74,.55);outline-offset:3px}
.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.sitehead{background:rgba(238,233,222,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;transition:.25s}
.sitehead.scrolled{box-shadow:0 5px 18px rgba(34,34,30,.08)}
.navrow{min-height:104px;display:grid;grid-template-columns:270px minmax(330px,1fr) auto;align-items:center;gap:28px}
.brand{font-family:var(--serif);font-weight:800;line-height:1.25;font-size:18px;letter-spacing:-.04em}
.brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.17em;color:var(--muted);margin-top:4px}
.navsearch{display:flex;align-items:center;background:var(--bone);border:1px solid var(--ink);min-height:52px;padding:0 8px 0 15px;transition:.2s}
.navsearch:focus-within{border-color:var(--olive);box-shadow:0 0 0 4px rgba(201,162,74,.19)}
.navsearch span{font-size:25px;line-height:1;margin-right:8px;color:var(--muted)}
.navsearch input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}
.searchgo{width:36px;height:36px;border:0;background:var(--olive);color:var(--bone);border-radius:5px;font-size:16px;transition:.2s}
.searchgo:hover{background:#414c39}
.navlinks{display:flex;gap:8px;align-items:center}
.navlinks a{font-size:13px;padding:10px 11px;border-bottom:2px solid transparent;white-space:nowrap}
.navlinks a:hover,.navlinks a.active{color:var(--olive);border-color:var(--olive)}
.menubtn{display:none;border:1px solid var(--ink);background:var(--bone);padding:9px 11px;border-radius:5px}
.pagehead{padding:72px 0 38px}
.pagehead-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
.kicker,.tag{font-size:11px;letter-spacing:.12em;color:var(--olive);font-weight:700}
.kicker:before{content:"— ";color:var(--clay)}
h1,h2,h3{font-family:var(--serif);line-height:1.28;margin:0}
h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.055em;margin:14px 0 18px}
h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}
h3{font-size:21px}
.lead{color:var(--muted);max-width:700px;font-size:16px}
.chapter{min-height:220px;background:var(--dark);color:var(--bone);position:relative;overflow:hidden;padding:26px}
.chapter:after{content:"INDEX";position:absolute;right:-12px;bottom:-34px;color:rgba(248,245,238,.08);font:800 92px/1 monospace;letter-spacing:-.08em}
.chapter strong{display:block;color:var(--mustard);font:700 84px/1 monospace;position:relative;z-index:1}
.chapter span{display:block;color:#cbc6b9;font-size:12px;letter-spacing:.16em;position:relative;z-index:1}
.filters{display:flex;gap:8px;overflow:auto;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}
.filter{border:1px solid var(--line);background:transparent;padding:8px 16px;border-radius:4px;font-size:13px;color:var(--muted);transition:.2s}
.filter:hover,.filter.active{background:var(--olive);border-color:var(--olive);color:var(--bone)}
.directory{padding:72px 0}
.directory-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:58px}
.section-intro{margin-bottom:28px}
.section-intro p{color:var(--muted);max-width:670px}
.entry{display:grid;grid-template-columns:70px 1fr 150px 28px;align-items:center;gap:18px;padding:22px 8px;border-top:1px solid var(--line);transition:.2s;position:relative}
.entry:last-child{border-bottom:1px solid var(--line)}
.entry:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:transparent;transition:.2s}
.entry:hover{background:rgba(248,245,238,.72);padding-left:17px;box-shadow:var(--shadow)}
.entry:hover:before{background:var(--olive)}
.entry-no{font:700 23px/1 monospace;color:var(--clay)}
.entry h3{font-size:20px;margin-bottom:4px}
.entry p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.entry-meta{text-align:right;color:var(--faint);font-size:12px}
.entry-meta b{display:block;color:var(--olive);font-size:13px}
.arrow{font-size:24px;color:var(--clay);transition:.2s}
.entry:hover .arrow{transform:translateX(4px)}
.note-bar{margin:28px 0;padding:19px 22px;background:#e6d6c9;border-left:5px solid var(--clay);display:flex;justify-content:space-between;gap:20px;align-items:center}
.note-bar p{margin:0;color:#55483f;font-size:13px}
.note-bar a{font-weight:700;color:var(--clay);white-space:nowrap}
.sidebar{display:flex;flex-direction:column;gap:28px}
.sidebox{border-top:4px solid var(--olive);padding-top:14px}
.sidebox h3{font-size:20px;margin-bottom:11px}
.sidebox ul{list-style:none;margin:0;padding:0}
.sidebox li{border-bottom:1px dashed var(--line);padding:8px 0;font-size:13px;color:var(--muted)}
.sidebox li a:hover{color:var(--clay)}
.sidebox .small{font-size:12px;color:var(--faint)}
.status{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;color:var(--muted);font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:6px;border:1px solid var(--ink);font-size:14px;font-weight:700;transition:.2s}
.btn.primary{background:var(--olive);border-color:var(--olive);color:var(--bone)}
.btn.primary:hover{background:#424d3a;transform:translateY(-1px)}
.btn.secondary:hover{background:#e3ddd0}
.dark-section{background:var(--dark);color:var(--bone);padding:70px 0}
.dark-section .muted{color:#c9c4b8}
.datawall{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.data{border-top:1px solid rgba(248,245,238,.25);padding-top:16px}
.data strong{display:block;color:var(--mustard);font:700 42px/1 monospace}
.data span{font-size:13px;color:#bdb8ac}
.faq-section{padding:72px 0}
.faq{border-top:1px solid var(--line);margin-top:28px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;gap:16px;align-items:center;text-align:left;background:transparent;border:0;padding:18px 0;font-weight:700}
.faq-q span{color:var(--clay);font-family:monospace}
.faq-q b{margin-left:auto;font-size:21px;font-weight:400;transition:.2s}
.faq-a{display:none;padding:0 35px 18px;color:var(--muted);font-size:14px}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q b{transform:rotate(45deg)}
.cta{padding:40px;border:1px solid var(--ink);border-top:6px solid var(--mustard);background:var(--bone);display:flex;justify-content:space-between;gap:30px;align-items:center}
.cta h2{font-size:31px;margin-bottom:8px}
.cta p{color:var(--muted);margin:0;max-width:650px}
.foot{background:var(--dark);color:var(--bone);padding:58px 0 22px}
.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:38px}
.foot .brand{font-size:17px}
.foot p,.foot a{font-size:13px;color:#beb9ad}
.foot a{display:block;padding:4px 0}
.foot h3{font-family:var(--sans);font-size:13px;color:var(--bone);margin-bottom:10px}
.foot a:hover{color:var(--mustard)}
.copy{border-top:1px solid rgba(248,245,238,.17);margin-top:38px;padding-top:17px;color:#908c82;font-size:11px}
.notice{font-size:12px;color:var(--faint);margin-top:22px}
#searchMessage{display:none;margin-top:10px;color:var(--clay);font-size:13px}
@media(max-width:900px){
 .wrap{width:min(100% - 36px,720px)}
 .navrow{grid-template-columns:1fr auto;gap:15px;padding:15px 0}
 .navsearch{grid-column:1/-1;grid-row:2}
 .navlinks{display:none}
 .menubtn{display:block}
 .sitehead.open .navlinks{display:flex;grid-column:1/-1;flex-wrap:wrap}
 .pagehead-grid,.directory-layout{grid-template-columns:1fr;gap:28px}
 .chapter{min-height:150px}
 .sidebar{display:grid;grid-template-columns:1fr 1fr}
 .footgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 36px)}
 .brand{font-size:15px}
 .brand small{font-size:9px}
 .pagehead{padding:45px 0 25px}
 h1{font-size:35px}
 .directory,.faq-section{padding:52px 0}
 .entry{grid-template-columns:48px 1fr 24px;gap:11px;padding:19px 3px}
 .entry-meta{grid-column:2;text-align:left;font-size:11px}
 .entry-meta b{display:inline;margin-right:8px}
 .entry h3{font-size:18px}
 .note-bar{display:block}
 .note-bar a{display:block;margin-top:9px}
 .sidebar{display:block}
 .datawall{grid-template-columns:1fr 1fr}
 .data strong{font-size:32px}
 .cta{padding:26px;align-items:flex-start;flex-direction:column}
 .cta h2{font-size:26px}
 .cta .btn{width:100%}
 .footgrid{grid-template-columns:1fr}
}