:root{--bg:#f2f1ea;--paper:#fcfbf6;--ink:#263f34;--muted:#626e61;--line:#d8decf;--soft:#e6ebdf;--gold:#96784e;--serif:'Noto Serif CJK SC','Songti SC',SimSun,serif;--sans:'Noto Sans CJK SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 var(--sans)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.demo{background:#e2e8da;text-align:center;font-size:12px;color:#52624d;padding:7px 18px}.app{display:grid;grid-template-columns:244px minmax(0,1fr);max-width:1700px;margin:auto;min-height:calc(100dvh - 34px)}aside{border-right:1px solid var(--line);padding:27px 18px 25px;display:flex;flex-direction:column;background:#eeefe6}.brand{font:25px var(--serif);letter-spacing:2px;margin:0 12px 6px}.subbrand{font-size:11px;letter-spacing:2px;color:var(--muted);margin:0 13px 25px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{border:0;background:transparent;text-align:left;border-radius:4px;width:100%;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.nav button.active{background:var(--ink);color:var(--paper)}.nav button:not(.active):hover{background:#e0e6d7}.arrow{font-size:11px}.children{padding:4px 0 8px 17px;border-left:1px solid #c6d0be;margin:4px 0 7px 14px}.children button{font-size:12px;min-height:37px;padding:7px 10px;color:var(--muted)}.children button.selected{background:#e0e6d6;color:var(--ink);font-weight:600}.navsep{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.navfoot{font-size:12px;color:var(--muted);margin-top:auto;padding:30px 13px 0}.navfoot b{font-weight:400;color:var(--ink);display:block;margin-bottom:5px}.main{min-width:0;padding:24px 40px 36px}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:var(--muted)}.search{border:1px solid #cdd5c5;border-radius:4px;padding:9px 13px;background:#f7f7ef;min-width:0;width:280px;font-size:13px}.mobilemenu{display:none}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 23px}.head h1{font:29px/1.4 var(--serif);font-weight:400;margin:0 0 9px;letter-spacing:1px}.head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px;margin-bottom:10px}.btn{border:1px solid #bfcbbb;background:transparent;border-radius:4px;padding:9px 16px;white-space:nowrap}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.quiet{border:0;background:transparent;text-align:left;padding:7px 0;text-decoration:underline;text-underline-offset:5px;min-height:36px}.mininote{font-size:11px;color:var(--muted)}.overviewstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;margin-bottom:24px}.overviewstrip p{margin:0;font-size:13px}.overviewstrip strong{font-weight:500}.overviewstrip button{border:0;background:none;font-size:12px;min-height:36px;white-space:nowrap}.maphead{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:12px 0 12px}.maphead h2{font:19px var(--serif);font-weight:400;margin:0}.maphead span{font-size:11px;color:var(--muted)}.map{border:1px solid var(--line);border-radius:5px;background:#f8f8f1;overflow:hidden}.maprow{display:grid;grid-template-columns:178px minmax(0,1fr) 115px;align-items:center;gap:17px;padding:16px 20px;border-bottom:1px solid var(--line)}.mapgroup:last-child .maprow{border-bottom:0}.mapgroup.expanded .maprow{border-bottom:1px solid var(--line)}.maptitle{background:none;border:0;text-align:left;min-height:32px;font:17px var(--serif);padding:0}.mapbrief{color:var(--muted);font-size:12px}.mapcount{text-align:right;color:var(--muted);font-size:11px}.mapcount button{padding:4px 0 4px 12px;border:0;background:none;font-size:12px;min-height:32px}.mapchildren{background:var(--paper);padding:10px 20px 13px 215px;border-bottom:1px solid var(--line)}.mapchild{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;align-items:center;text-align:left;border:0;background:none;padding:8px 0;font-size:13px}.mapchild span:last-child{text-align:right;font-size:11px;color:var(--muted)}.mapchild:hover{color:#856337}.activity{border:1px solid var(--line);border-radius:4px;padding:17px 22px;margin:0 0 24px;background:var(--paper)}.activity h3{font-size:13px;font-weight:500;margin:0 0 8px}.activity button{display:block;width:100%;border:0;background:none;text-align:left;padding:9px 0;font-size:13px}.activity small{color:var(--muted);font-size:11px;margin-left:12px}.kindkey{display:flex;gap:18px;font-size:11px;color:var(--muted);margin-top:16px;flex-wrap:wrap}.kindkey span:before{content:'·';color:var(--gold);margin-right:6px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px 0 17px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:15px;flex-wrap:wrap}.filters button{background:none;border:0;padding:5px 0;min-height:35px;font-size:12px;color:var(--muted)}.filters button.active{color:var(--ink);border-bottom:2px solid var(--ink)}.contentrow{border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:25px;padding:22px 0;align-items:center}.contentrow>button{border:0;background:none;text-align:left;padding:0;min-width:0}.rowtop{font-size:11px;color:var(--muted);margin-bottom:5px}.rowtitle{font:20px/1.6 var(--serif);margin-bottom:5px;overflow-wrap:anywhere}.rowdesc{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.rowmeta{text-align:right}.badge{display:inline-block;padding:1px 7px;border:1px solid #cbd4c2;border-radius:3px;font-size:11px;color:#5e7254;white-space:nowrap}.badge.idea{color:#806741;border-color:#d8cbb5}.rowmeta small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.empty{padding:45px 20px;border-bottom:1px solid var(--line);color:var(--muted);text-align:center}.hint{font-size:12px;color:var(--muted);padding:14px 17px;border-radius:4px;background:#e7ecdf;margin-top:22px}.subnav{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:20px}.subnav button{border:1px solid #cdd6c3;border-radius:4px;background:transparent;padding:7px 13px;font-size:12px}.subnav button.active{background:var(--soft);border-color:#aeba9e}.reader{max-width:900px;padding:25px 0}.reader h2{font:29px/1.5 var(--serif);font-weight:400;margin:17px 0}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:16px;margin:27px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.footer{border-top:1px solid var(--line);margin-top:30px;padding-top:15px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:0;border-radius:6px;width:min(680px,calc(100% - 30px));max-height:90dvh;box-shadow:0 25px 80px #15271833}dialog::backdrop{background:#142d2255}.dh{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:13px 24px;background:var(--paper);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);z-index:1}.close{background:none;border:0;width:44px;font-size:25px}.db{padding:20px 26px 28px}.db h2{font:25px var(--serif);font-weight:400}.field{margin:19px 0}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field textarea{width:100%;background:#fffef9;border:1px solid #c7d1bd;border-radius:4px;padding:11px}.field textarea{min-height:190px;resize:vertical}.preview{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:4px;max-width:calc(100% - 30px);font-size:13px;z-index:10}.dim{color:var(--muted)}.menuclose{display:none}.countstrong{font-weight:400;color:var(--ink)}
@media(min-width:1450px){.main{padding:26px 56px 40px}.maprow{padding-top:19px;padding-bottom:19px}}
@media(max-width:1100px){.app{grid-template-columns:215px minmax(0,1fr)}.main{padding:23px 27px 30px}.maprow{grid-template-columns:145px minmax(0,1fr) 90px;padding:15px}.mapchildren{padding-left:177px}.search{width:220px}}
@media(max-width:760px){.demo{font-size:11px;padding:7px 13px;text-align:left}.app{display:block}.main{padding:16px 20px 28px}.mobilemenu{display:block;border:1px solid #c6d0bd;background:none;border-radius:4px;padding:7px 12px;font-size:12px;white-space:nowrap}.bar{gap:10px;flex-wrap:wrap;padding-bottom:14px}.crumb{font-size:11px;flex:1;text-align:right}.search{width:100%;margin-top:3px;font-size:13px}.head{padding:23px 0 19px;align-items:flex-start}.head h1{font-size:26px}.head p{font-size:12px}.eyebrow{font-size:9px}.head .btn{font-size:12px;padding:8px 12px}.maprow{grid-template-columns:minmax(0,1fr) 94px;gap:6px 14px;padding:15px 16px}.maptitle{font-size:17px;grid-column:1}.mapbrief{font-size:12px;grid-column:1/-1;grid-row:2}.mapcount{grid-column:2;grid-row:1;font-size:11px}.mapchildren{padding:8px 16px 12px 24px}.mapchild{font-size:12px;grid-template-columns:minmax(0,1fr) 80px}.overviewstrip{padding:11px 0;align-items:flex-start}.overviewstrip p{font-size:12px}.overviewstrip button{font-size:11px;min-height:30px}.maphead span{font-size:10px}.contentrow{grid-template-columns:minmax(0,1fr) 88px;gap:15px;padding:20px 0}.rowtitle{font-size:18px}.rowdesc{font-size:12px}.rowmeta small{font-size:10px}.toolbar{align-items:flex-start}.filters{gap:14px}.filters button{font-size:11px}.subnav{gap:7px}.subnav button{font-size:11px;padding:6px 10px;min-height:38px}.footer{display:block}.footer span{display:block;margin-bottom:6px}.activity{padding:13px 16px}.activity small{margin-left:0;display:block}.prose{font-size:15px}.reader h2{font-size:25px}.actions .btn{flex-grow:1}.navpanel{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);z-index:30;overflow:auto;display:none;box-shadow:20px 0 80px #15271855}.navpanel.open{display:flex}.menuclose{display:block;position:absolute;right:13px;top:12px;background:none;border:0;width:44px;font-size:25px}.navfoot{margin-top:25px}.nav{padding-top:7px}.navback{position:fixed;inset:0;background:#15271844;z-index:29}.db{padding:18px 21px}.dh{padding:10px 17px}.maphead h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root{--muted:#586654}.mapbrief{font-size:13px}.mapcount,.maphead span,.mininote,.footer{font-size:12px}.mapcount button{font-size:13px;min-height:44px}.rowmeta small{font-size:12px;color:#52614e}.rowtop{font-size:12px}.mapchild{min-height:44px}.rowmeta .badge{font-size:12px}.nav button{padding-top:7px;padding-bottom:7px}.subbrand{margin-bottom:18px}@media(max-width:760px){.mapbrief{font-size:12px}.mapcount{font-size:11px}.mapcount button{font-size:12px}.maprow{grid-template-columns:minmax(0,1fr) 105px}.rowmeta small{font-size:11px}.children button{min-height:44px}.maphead span{font-size:11px}.mininote,.footer{font-size:12px}}

/* V3: original editorial workbench, reference principles only */
:root{--bg:#f7f8f2;--paper:#fffef9;--ink:#203d33;--muted:#687468;--line:#dbe0d4;--soft:#eaf0e0;--gold:#798c42;--sans:Arial,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--serif:var(--sans)}
body{font-size:15px;line-height:1.75}.demo{background:#e8eddf;padding:6px 24px;font-size:12px;letter-spacing:.5px;color:#4d624a}.app{grid-template-columns:234px minmax(0,1fr);max-width:1600px}.navpanel{background:#f0f2e8;padding:32px 18px;position:sticky;top:0;height:100dvh;max-height:100dvh;overflow:auto;border-right:1px solid var(--line)}.brandmark{color:#203d33;background:#e4ee9c;width:42px;height:42px;display:grid;place-items:center;font-size:31px;margin:0 14px 14px;border-radius:12px}.brand{font:700 27px/1.3 var(--sans);letter-spacing:2px;margin-left:14px}.subbrand{font-size:12px;margin:10px 14px 31px;letter-spacing:1px}.nav{gap:7px}.nav button{font-size:14px;padding:10px 14px;min-height:46px;border-radius:8px;transition:background .16s,color .16s}.nav button.active{background:var(--ink);color:var(--paper)}.arrow{font-size:13px;opacity:.7}.children{margin:5px 0 8px 24px;padding:2px 0 3px 10px}.children button{font-size:13px;min-height:44px;line-height:1.5;padding:9px 10px}.navfoot{font-size:12px;line-height:1.9;padding:32px 14px 0}.navfoot b{font-size:13px;font-weight:600}.main{padding:24px 46px 32px;max-width:1250px;width:100%;margin:0 auto}.bar{padding:0 0 20px;border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:#60735f}.search{border-radius:30px;background:#fffef966;border:1px solid #ccd6c3;padding:10px 17px;width:285px;font-size:13px}.head{padding:37px 0 31px;gap:28px;align-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.1px;color:#667a58;margin-bottom:13px}.head h1{font:650 44px/1.25 var(--sans);letter-spacing:-1.6px;margin:0 0 17px}.head h1:after{content:'';display:block;width:52px;height:5px;background:#dce88e;margin-top:18px}.head p{font-size:14px;line-height:1.9;color:var(--muted);max-width:35em;margin:0}.feature-note{background:#ecf0e1;border:0;border-radius:14px;padding:20px 23px;text-align:left;max-width:300px;flex-shrink:0;color:var(--ink);transition:background .2s}.feature-note:hover{background:#e4ebd4}.feature-note>span{font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between;gap:34px}.feature-note strong{display:block;font-size:18px;font-weight:600;line-height:1.5;margin:12px 0 6px}.feature-note small{font-size:12px;color:#65765a}.feature-note b{font-size:17px;font-weight:400}.overviewstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 0;font-size:12px}.overviewstrip p{font-size:12px;color:#66725f}.overviewstrip button{font-size:12px;min-height:44px;white-space:nowrap;color:var(--ink)}.live-dot{width:6px;height:6px;border-radius:50%;background:#8c9d5c;display:inline-block;margin:0 10px 2px 0}.maphead{margin:29px 0 5px;align-items:baseline;gap:16px}.maphead h2{font-size:20px;font-weight:600;letter-spacing:.3px}.maphead span{font-size:12px;color:var(--muted)}.map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;border:0;border-radius:0;background:none;overflow:visible}.mapgroup{border:0;border-bottom:1px solid var(--line);min-width:0}.maprow{padding:22px 0 17px;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;background:none!important}.maptitle{grid-column:1;display:flex;align-items:center;gap:12px;font:600 22px/1.45 var(--sans);padding:0;text-align:left;background:none;border:0;min-height:42px;width:100%}.mapnum{font:12px/1 var(--sans);letter-spacing:1px;color:#7d8d70;min-width:21px;flex-shrink:0}.enter-arrow{font-size:20px;font-weight:400;margin-left:auto;color:#839275;transition:transform .2s}.maptitle:hover .enter-arrow{transform:translate(2px,-2px)}.mapbrief{grid-column:1;grid-row:auto;font-size:13px;line-height:1.7;color:var(--muted);padding:6px 0 8px 33px}.mapcount{grid-column:1;grid-row:auto;display:flex;justify-content:space-between;align-items:center;padding-left:33px;font-size:12px;gap:12px;color:var(--muted)}.countstrong{font-weight:600;color:#597346}.mapcount button{font-size:12px;white-space:nowrap;min-height:44px;color:#405d3c;border:0;background:none;padding:0}.mapchildren{padding:0 0 15px 33px;background:none;border:0}.mapchild{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 0;min-height:44px;font-size:12px;border-bottom:1px dashed #dbe0d4}.mapchild:hover{background:#edf1e5}.kindkey{margin-top:23px;gap:17px;font-size:12px}.mininote{font-size:12px;line-height:1.8}.activity{background:#eaf0e1;border-radius:9px;border:0;margin:15px 0;padding:18px 22px}.activity h3{font-size:16px}.btn{border-radius:28px;font-size:13px;padding:10px 20px;min-height:44px;white-space:nowrap}.btn.primary{background:var(--ink);color:var(--paper)}.toolbar{padding:12px 0;border-top:1px solid var(--line)}.filters{gap:23px}.filters button{font-size:13px;min-height:44px;white-space:nowrap}.filters button.active{font-weight:600}.contentrow{padding:25px 0;grid-template-columns:minmax(0,1fr) 112px;gap:24px}.rowtop{font-size:12px;color:#74816d;margin-bottom:8px}.rowtitle{font:600 22px/1.5 var(--sans);margin-bottom:8px;letter-spacing:-.3px}.rowdesc{font-size:14px;line-height:1.8}.rowmeta small{font-size:12px;line-height:1.8}.badge{font-size:12px;border-radius:20px;padding:2px 10px;background:#edf1e5;border-color:#d5dec9}.hint{background:#edf1e4;border-radius:9px;font-size:13px;line-height:1.9;padding:16px 20px}.reader{max-width:820px;padding:31px 0}.reader h2{font:600 34px/1.4 var(--sans);letter-spacing:-1px;margin:22px 0 17px}.prose{font-size:16px;line-height:2.1;margin:29px 0}.quiet{font-size:13px;min-height:44px}.footer{font-size:12px;line-height:1.8;margin-top:30px;padding-top:18px}.db h2{font:600 27px/1.5 var(--sans)}dialog{border-radius:15px}.field input,.field textarea{font-size:16px;border-radius:8px}.toast{border-radius:24px}.mobilemenu{font-size:13px;border-radius:24px;min-height:44px}
@media(min-width:1450px){.main{padding:24px 56px 36px}.maprow{padding:25px 0 18px}}
@media(min-width:761px) and (max-width:1100px){.app{grid-template-columns:210px minmax(0,1fr)}.main{padding:22px 27px 30px}.feature-note{display:none}.map{column-gap:24px}.maptitle{font-size:19px}.mapbrief,.mapcount,.mapchildren{padding-left:0}}
@media(max-width:760px){.demo{font-size:11px;padding:7px 20px;line-height:1.6;text-align:left}.app{display:block}.main{padding:16px 24px 28px}.navpanel{position:fixed;top:0;height:100dvh;width:min(320px,88vw);display:none;padding:28px 18px}.navpanel.open{display:flex}.navpanel .brandmark{margin-top:12px}.bar{padding-bottom:15px;gap:11px}.crumb{font-size:12px;line-height:1.5;text-align:right;min-width:0}.search{width:100%;font-size:16px;padding:10px 16px;margin-top:2px}.head{padding:28px 0 25px;display:block}.eyebrow{font-size:11px;margin-bottom:12px}.head h1{font-size:36px;letter-spacing:-1px;line-height:1.3;margin-bottom:15px}.head h1:after{margin-top:16px;width:42px;height:4px}.head p{font-size:13px;line-height:1.9}.feature-note{display:none}.head>.btn{margin-top:18px;font-size:13px}.maphead{margin-top:25px;display:flex;flex-wrap:wrap;gap:4px}.maphead h2{font-size:19px}.maphead span{font-size:11px}.map{display:block}.maprow{padding:19px 0 13px}.maptitle{font-size:22px;line-height:1.5;gap:12px}.mapbrief{font-size:13px;padding:4px 0 4px 33px}.mapcount{padding-left:33px;font-size:12px}.mapcount button{font-size:12px;min-height:44px}.mapchildren{padding-left:33px}.overviewstrip{gap:10px}.overviewstrip p{font-size:11px;line-height:1.7;margin:6px 0}.overviewstrip button{font-size:11px;padding:0;flex-shrink:0}.kindkey{flex-wrap:wrap;gap:9px 16px}.contentrow{grid-template-columns:minmax(0,1fr) 78px;gap:15px;padding:22px 0}.rowtitle{font-size:20px;line-height:1.55}.rowtop{font-size:11px}.rowdesc{font-size:13px}.rowmeta small{font-size:11px}.rowmeta .badge{font-size:11px;padding:2px 8px}.filters{gap:17px;flex-wrap:wrap}.filters button{font-size:12px}.toolbar{gap:8px}.toolbar>.mininote{white-space:nowrap}.reader h2{font-size:28px;line-height:1.5}.reader{padding:23px 0}.prose{font-size:15px;line-height:2}.hint{font-size:12px;padding:14px 16px}.footer{font-size:11px}.footer span{margin-bottom:7px}.db h2{font-size:24px}.actions .btn{flex-grow:1}.children button{min-height:44px}.menuclose{display:block}.navfoot{margin-top:20px}.feature-note{max-width:100%}}
@media(max-width:359px){.main{padding-left:19px;padding-right:19px}.head h1{font-size:33px}.maptitle{font-size:20px}.mapbrief{padding-left:0}.mapcount{padding-left:0}.mapchildren{padding-left:12px}.filters{gap:13px}.filters button{font-size:11px}.rowtitle{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Final density pass: preserve hierarchy, reduce navigation cost. */
:root{--muted:#5d6b5c}.head{padding:25px 0 23px}.head h1{font-size:40px;margin-bottom:13px}.head h1:after{margin-top:13px}.eyebrow{margin-bottom:10px}.feature-note{padding:17px 21px}.overviewstrip{margin-bottom:15px;padding:3px 0}.maphead{margin-top:20px}.maprow{padding:13px 0 8px;border-bottom:0!important}.maptitle{min-height:36px}.mapbrief{padding-top:2px;padding-bottom:2px}.mapcount{min-height:44px}.mapchildren{padding-bottom:13px}.enter-arrow{font-size:24px}.kindkey{margin-top:18px}
@media(max-width:760px){.head{padding:21px 0 20px}.head h1{font-size:32px;margin-bottom:12px}.head h1:after{margin-top:11px;height:4px}.eyebrow{margin-bottom:8px}.head p{font-size:13px}.overviewstrip{padding:2px 0;margin-bottom:12px}.maphead{margin-top:19px}.maprow{padding:12px 0 8px}.maptitle{min-height:36px;font-size:21px}.mapbrief{padding-top:1px;padding-bottom:1px;line-height:1.65}.mapcount{min-height:44px}.footer{margin-top:22px}}
@media(max-width:359px){.maptitle{font-size:20px}.head h1{font-size:31px}}

select{font:inherit;color:inherit;max-width:100%;padding:10px;border:1px solid #ccd6c3;background:var(--paper)}.loginbox{max-width:480px;margin:10vh auto;padding:32px}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.rowtitle{overflow-wrap:anywhere}input,textarea{max-width:100%}.statusline{padding:10px 0;color:var(--muted)}.formbox{max-width:760px}.formbox input,.formbox textarea{width:100%}.formbox textarea{min-height:240px}.error{color:#943d2c}button{touch-action:manipulation}

@media(max-width:760px){.bar{display:flex;flex-wrap:wrap}.bar .mobilemenu{order:0;flex:0 0 auto}.bar .crumb{order:1;flex:0 0 100%;width:100%;text-align:left;overflow-wrap:anywhere}.bar #searchForm{order:2;flex:0 0 100%;width:100%;min-width:0}.bar #search{width:100%;max-width:100%;min-width:0}}

/* Research reading: scoped to the four existing self research children only. */
.research-reader>h2,.research-prose h3,.research-prose h4{text-wrap:balance}
.research-overview{padding:22px 0 26px;border-bottom:1px solid var(--line)}.research-overview h2{font-size:28px;line-height:1.4;margin:8px 0 10px;letter-spacing:-.5px}.research-tabs{display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid var(--line);padding:8px 0 12px}.research-tabs .quiet{padding:8px 0;min-height:44px;font-size:13px}.research-tabs .selected{font-weight:700;text-decoration:underline;text-underline-offset:9px}.research-note{font-size:13px;line-height:1.85;color:#506257;margin:8px 0}.research-list .head{padding:30px 0 24px}.research-list .head h1{font-size:36px;letter-spacing:-1px}.research-list .contentrow{padding:23px 0;gap:18px;grid-template-columns:minmax(0,1fr) 90px}.research-list .rowtitle{font-size:24px;font-weight:600;line-height:1.55;letter-spacing:-.3px}.research-row>button{display:block;width:100%;text-align:left;border:0;background:none;padding:0}.research-row .rowtop{margin:0 0 7px}.research-row .research-note{max-width:52em;margin-bottom:0}.research-row .rowmeta{font-size:12px;align-self:center;color:#506257}.research-reader{max-width:810px;margin:0 auto;padding:20px 0 35px}.research-reader>h2{font-size:36px;font-weight:650;line-height:1.45;letter-spacing:-.7px;margin:18px 0 15px}.research-reader>.rowtop{margin-top:20px}.research-lead{font-size:16px;line-height:1.9;color:#4e6155;max-width:42em}.research-boundary{font-size:13px;line-height:1.9;color:#465b4e;background:#ebefe3;padding:14px 18px;border-radius:5px;margin:20px 0 28px}.research-prose{font-size:17px;line-height:2.05;overflow-wrap:anywhere}.research-prose>.prose{font-size:inherit;line-height:inherit;margin:0 0 1.1em}.research-prose h3{font-size:23px;line-height:1.7;margin:32px 0 15px;font-weight:650}.research-prose h4{font-size:19px;line-height:1.8;margin:24px 0 12px}.research-prose h3 .prose,.research-prose h4 .prose{font-size:inherit;line-height:inherit}.research-sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:30px 0 20px;font-size:13px;color:#4e6155;overflow-wrap:anywhere}.research-reader summary{cursor:pointer;min-height:44px;padding:10px 0}.research-reader summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.research-original{padding:6px 0}.research-original>.prose{font-size:14px}.research-bottom-back{display:block;margin-top:24px}.research-reader>.quiet{min-height:44px}.research-reader .prose{max-width:100%}
@media(max-width:760px){.research-overview{padding:17px 0 20px}.research-overview h2{font-size:24px}.research-tabs{gap:4px 18px}.research-tabs .quiet{font-size:12px}.research-list .head h1{font-size:29px}.research-list .head{padding:22px 0 18px}.research-list .contentrow{grid-template-columns:minmax(0,1fr) 60px;gap:10px;padding:20px 0}.research-list .rowtitle{font-size:21px}.research-note{font-size:13px}.research-reader>h2{font-size:28px}.research-lead{font-size:14px}.research-boundary{font-size:12px;padding:12px 14px}.research-prose{font-size:16px;line-height:2.05}.research-prose h3{font-size:21px}.research-prose h4{font-size:18px}}
/* Small private bookshelf, leaving the original eight-category layout intact. */
.homebanner{max-width:900px;margin:0 0 18px}.homebanner svg{display:block;width:100%;height:auto;max-height:112px}.bookcover{display:block;width:min(100%,560px);height:auto;object-fit:contain;margin:0 0 24px;background:#e9ecdf;border-radius:5px}.bookcover.thumb{width:52px;height:78px;margin:0;grid-row:1/3;align-self:center}.bookrow{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:2px 16px!important;min-width:0}.bookrow .rowtop,.bookrow .rowtitle{grid-column:2}.contentrow>button{min-width:0}.reader h2,.head,.mininote{overflow-wrap:anywhere}.formbox .btn{margin:8px 8px 8px 0}.reader>.btn{margin-top:8px}@media(max-width:359px){.contentrow{gap:8px;grid-template-columns:minmax(0,1fr) 60px}.bookrow{gap:2px 10px!important}.rowmeta{font-size:10px}.homebanner svg{min-height:60px}.bookcover.thumb{width:42px;height:63px}.bookrow{grid-template-columns:42px minmax(0,1fr)}}


/* RV-1113: scoped preview, uses existing desk vocabulary. */
.rv-home{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;margin:18px 0 30px;background:#eaf0df;border-radius:12px;border:1px solid #d7e0ca}.rv-home h2{font-size:25px;line-height:1.4;margin:5px 0 8px}.rv-home p{margin:0;color:#51614f;font-size:13px}.rv-primary{background:#203d33;color:#fffef9;border:0;border-radius:7px;padding:12px 18px;white-space:nowrap;min-height:48px}.rv-primary:hover{background:#345544}.rv-page{max-width:1000px;margin:auto;padding:14px 0 20px}.rv-kicker{font-size:12px!important;letter-spacing:.8px;color:#586c4e!important;margin:0 0 12px}.rv-top h1{font-size:38px;font-weight:600;line-height:1.4;letter-spacing:-1px;margin:12px 0}.rv-subtitle{color:#5d6b5c;font-size:15px;margin:0 0 25px}.rv-tabs{display:flex;gap:8px;border-bottom:1px solid #dbe0d4;padding-bottom:13px;margin:0 0 20px}.rv-button{border:1px solid #cbd5c2;border-radius:6px;padding:9px 20px;background:transparent;min-height:46px}.rv-tabs [aria-selected=true]{background:#203d33;color:#fffef9;border-color:#203d33}.rv-button:hover{background:#e8eddf}.rv-tabs [aria-selected=true]:hover{background:#345544}.rv-note{padding:16px 20px;background:#f0f1e8;border-radius:8px;margin-bottom:28px}.rv-note p{font-size:12px;line-height:1.9;color:#586654;margin:0 0 4px}.rv-note .rv-note-title{font-size:14px;font-weight:600;color:#203d33}.rv-link{background:none;border:0;padding:8px 0;min-height:44px;text-align:left;text-decoration:underline;text-underline-offset:5px;font-size:13px;color:#38543c}.rv-lead{padding:7px 0 25px}.rv-lead h2{font-size:27px;line-height:1.6;font-weight:550;max-width:25em;margin:0 0 12px;letter-spacing:-.3px}.rv-lead>p:last-child{font-size:14px;line-height:1.9;color:#5d6b5c;max-width:48em;margin:0}.rv-compare{padding:26px 28px;background:#fffef9;border:1px solid #dbe0d4;border-radius:10px;margin:4px 0 23px}.rv-compare-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px}.rv-compare h3{font-size:14px;font-weight:600;margin:0 0 12px;color:#586c4e}.rv-compare-grid p{font-size:17px;line-height:1.9;margin:0}.rv-unknown{font-size:12px;line-height:1.9;color:#626e61;border-top:1px solid #dbe0d4;margin:23px 0 0;padding-top:14px}.rv-lines,.rv-source{padding:15px 0;border-bottom:1px solid #dbe0d4;color:#4b614f;font-size:13px}.rv-lines summary,.rv-source summary{cursor:pointer;min-height:44px;padding:10px 0}.rv-line{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-top:1px solid #e4e8dc}.rv-line strong{font-weight:500;color:#203d33}.rv-rows{margin:12px 0}.rv-row{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:23px 0;border-bottom:1px solid #dbe0d4}.rv-num{font-size:12px;color:#7b895d;padding-top:6px}.rv-row h3{font-size:18px;font-weight:550;margin:0 0 8px;line-height:1.6}.rv-row p{font-size:14px;color:#586654;line-height:1.95;margin:0;max-width:49em}.rv-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:26px}.rv-bottom p{font-size:12px;color:#626e61}.rv-source p{line-height:1.9}.rv-empty{padding:32px 24px;margin:20px 0;border:1px dashed #b9c7ad;border-radius:10px}.rv-empty h2{font-size:24px;font-weight:500}.rv-empty p{color:#5d6b5c;line-height:1.9}.rv-primary:focus-visible,.rv-button:focus-visible,.rv-link:focus-visible{outline:2px solid #798c42;outline-offset:4px}#review-entry{margin:5px 0 10px;color:#36543a;font-weight:600}.rv-page button:active,.rv-home button:active,#review-entry:active{transform:translateY(1px)}
@media(max-width:760px){.rv-home{display:block;padding:21px;margin:15px 0 23px}.rv-home h2{font-size:23px}.rv-home .rv-primary{margin-top:18px;width:100%;text-align:center}.rv-page{padding-top:8px}.rv-top h1{font-size:29px;letter-spacing:-.7px}.rv-subtitle{font-size:13px;line-height:1.9;margin-bottom:21px}.rv-tabs{gap:5px;justify-content:space-between}.rv-tabs .rv-button{font-size:13px;padding:8px 11px;flex:1;min-width:0}.rv-note{padding:14px 16px;margin-bottom:22px}.rv-lead h2{font-size:23px;line-height:1.65}.rv-lead>p:last-child{font-size:13px}.rv-compare{padding:21px;margin-top:0}.rv-compare-grid{display:block}.rv-compare-grid>div{padding:0 0 19px;margin-bottom:18px;border-bottom:1px solid #e4e8dc}.rv-compare-grid>div:last-child{border:0;padding-bottom:0;margin-bottom:0}.rv-compare h3{font-size:12px;margin-bottom:7px}.rv-compare-grid p{font-size:17px;line-height:1.85}.rv-unknown{margin-top:18px}.rv-line{grid-template-columns:1fr;gap:3px}.rv-row{grid-template-columns:24px 1fr;gap:9px;padding:20px 0}.rv-row h3{font-size:17px}.rv-row p{font-size:14px}.rv-bottom{display:block}.rv-kicker{font-size:11px!important}.rv-empty{padding:24px 18px}.rv-empty h2{font-size:21px}}
@media(max-width:359px){.rv-tabs .rv-button{padding:8px 6px;font-size:12px}.rv-top h1{font-size:27px}.rv-compare{padding:18px}}
@media(prefers-reduced-motion:reduce){.rv-page *{scroll-behavior:auto;transition:none}.rv-page button:active,.rv-home button:active,#review-entry:active{transform:none}}

/* RV-1113 artwork layout; scoped to review specimen. */
.rv-top{display:flex;gap:35px;align-items:center;justify-content:space-between;margin-bottom:20px}.rv-top>div{flex:1;min-width:0}.rv-top .rv-subtitle{margin-bottom:0}.rv-art{margin:0;flex:0 0 44%;max-width:480px}.rv-art img{display:block;width:100%;height:auto;border-radius:10px}.rv-art figcaption{font-size:11px;color:#65735c;line-height:1.8;padding-top:8px;text-align:right;letter-spacing:.3px}
@media(max-width:760px){.rv-top{display:block;margin-bottom:21px}.rv-art{max-width:none;margin:20px 0 0}.rv-art img{border-radius:8px}.rv-art figcaption{text-align:left;font-size:11px;padding-top:7px}.rv-top .rv-subtitle{font-size:13px}.rv-top h1{margin-top:8px}}


/* Append after style.css and review.css. Archive styles are scoped. */
/* Reader-only density: keep the accepted desk, bring prose into view. */
.main:has(.ra-reader) #searchForm,.main:has(.ra-reader)>#status:empty{display:none}.ar-reader h1{text-wrap:balance;letter-spacing:-.3px;font-weight:600}.ar-reader .ar-hero{height:135px;object-position:center;margin:16px 0 20px}.ar-reader .ar-markdown ul,.ar-reader .ar-markdown ol{padding-left:1.15em}
@media(max-width:760px){.ar-page.ra-reader{padding:12px 0 40px}.ar-reader .ar-hero{height:auto;aspect-ratio:3/1;margin:14px 0 20px}.ar-reader .ar-markdown{font-size:17px;line-height:1.95}.ar-reader .ar-markdown h2{font-size:1.25em}.ar-reader .ar-markdown h3{font-size:1.08em;font-weight:550}}

.ar-page{box-sizing:border-box;max-width:760px;margin:0 auto;padding:24px 20px 56px;color:#203d33;min-width:0}.ar-page *{box-sizing:border-box;min-width:0}.ar-page h1{font-size:clamp(25px,5vw,34px);line-height:1.5;margin:18px 0;overflow-wrap:anywhere}.ar-page p,.ar-page summary{overflow-wrap:anywhere}.ar-kicker{font-size:14px;letter-spacing:.06em;color:#536a5c}.ar-note{font-size:14px;line-height:1.9;color:#52675b}.ar-warning{padding:14px;background:#f5ecd7;border-left:3px solid #a57e3d;line-height:1.9}.ar-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0}.ar-button{font:inherit;font-size:15px;color:#203d33;background:#f7f8f2;border:1px solid #aebeb0;border-radius:10px;padding:10px 15px;white-space:normal;overflow-wrap:anywhere;cursor:pointer;max-width:100%;line-height:1.6}.ar-button:hover,.ar-button[aria-pressed=true]{background:#e0e9dc;border-color:#617c69}.ar-button:focus-visible,.ar-page select:focus-visible,.ar-page summary:focus-visible{outline:3px solid #71947b;outline-offset:3px}.ar-page select{max-width:100%;font:inherit;background:#f7f8f2;color:#203d33;border:1px solid #aebeb0;padding:8px;border-radius:8px}.ar-list{display:grid;gap:14px}.ar-card{padding:18px;background:#f7f8f2;border:1px solid #d4dfd1;border-radius:14px}.ar-card p{margin:6px 0 12px}.ar-empty{padding:32px 12px;line-height:2}.ar-hero{display:block;width:100%;height:160px;object-fit:cover;border-radius:12px;margin:22px 0;opacity:.85}.ar-markdown{max-width:720px;font-size:18px;line-height:2.05;overflow-wrap:anywhere}.ar-markdown p{white-space:pre-wrap;margin:1.25em 0}.ar-markdown h2{font-size:1.35em;line-height:1.6;margin:1.6em 0 .6em}.ar-markdown h3,.ar-markdown h4,.ar-markdown h5,.ar-markdown h6{font-size:1.12em;line-height:1.7;margin:1.5em 0 .5em}.ar-markdown ul,.ar-markdown ol{padding-left:1.5em}.ar-markdown blockquote{margin:1.2em 0;padding:8px 18px;border-left:3px solid #9ab29c;background:#eff2e9;white-space:pre-wrap}.ar-markdown pre,.ar-raw{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:14px/1.9 ui-monospace,monospace;background:#eef1e8;padding:12px;border-radius:8px}.ar-table-line{margin:0!important;border-radius:0!important}.ar-source{margin:30px 0;padding:16px;border:1px solid #ccd9cb;border-radius:10px;font-size:14px;line-height:1.9}.ar-source summary{cursor:pointer;font-size:15px}.ar-raw{tab-size:4}.ar-page button:disabled{opacity:.6;cursor:wait}@media(max-width:480px){.ar-page{padding:18px 12px 40px}.ar-markdown{font-size:17px;line-height:2}.ar-hero{height:110px}.ar-card{padding:14px}.ar-controls{gap:8px}.ar-button{padding:9px 12px}}


/* MS-1113: private review reading only; no global button rules. */
.ra-reader .ms-caption{margin:-10px 0 22px;text-align:right;font-size:12px;letter-spacing:.8px;color:#69775f}.ra-reader .ms-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 28px;padding:13px 0;border-top:1px solid #dce1d4;border-bottom:1px solid #dce1d4}.ms-tools>span{font-size:12px;color:#66745e}.ra-reader .ms-size{min-height:44px;min-width:68px;border:1px solid #b7c4af;background:#f7f8f2;color:#365240;border-radius:7px;padding:8px 14px;cursor:pointer;font:inherit;font-size:14px}.ra-reader .ms-size[aria-pressed=true]{background:#e3ebd8;border-color:#7e9277}.ra-reader .ms-size:focus-visible{outline:2px solid #798c42;outline-offset:4px}.ra-reader.ms-large .ar-markdown{font-size:21px;line-height:2.05}.ra-reader .ar-markdown{color:#2c4335;text-wrap:pretty}.ra-reader .ar-markdown h2{font-weight:600}.ra-reader .ar-markdown h3,.ra-reader .ar-markdown h4{font-weight:550}.ra-reader .ar-markdown p{margin:1.35em 0}.ra-reader .ar-markdown li{margin:.65em 0}.ra-reader .ms-pager{justify-content:space-between;gap:12px;margin-top:32px}.ra-reader .ms-pager button{flex:1;min-height:48px}.ra-reader .ms-pager button:disabled{cursor:default}.ra-reader .ar-source{background:#f0f2e9}.ra-reader .ms-source-note{font-size:12px}
@media(max-width:760px){
 body:has(.ra-reader)>.demo{display:none}.main:has(.ra-reader){height:100dvh;overflow:hidden;padding:0 23px 0}.main:has(.ra-reader)>.bar,.main:has(.ra-reader)>.footer{display:none}.main:has(.ra-reader)>#status:empty{display:none}.ar-page.ra-reader{height:calc(100dvh - 80px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior-y:contain;padding:12px 0 40px;max-width:680px;scrollbar-width:thin}.ra-reader>.ar-button:first-child{padding-left:0;border:0;background:none;color:#5e7259;font-size:13px;min-height:44px}.ra-reader .ar-hero{margin:10px 0 18px;aspect-ratio:2.9/1;object-fit:cover;border-radius:9px}.ra-reader>.ar-kicker{font-size:12px;color:#6a795f;letter-spacing:.5px;margin:18px 0 7px}.ar-page.ra-reader>h1{font-size:26px;line-height:1.55;letter-spacing:-.6px;margin:8px 0 15px;text-wrap:balance}.ra-reader>.ar-note{font-size:12px;line-height:1.85;color:#6a765f;margin:0 0 16px}.ra-reader .ms-caption{font-size:11px;margin:-10px 0 20px;color:#74816b}.ra-reader .ms-tools{margin:17px 0 23px;padding:8px 0}.ra-reader .ar-markdown{font-size:18px;line-height:1.98;letter-spacing:.1px}.ra-reader.ms-large .ar-markdown{font-size:21px;line-height:2}.ra-reader .ar-markdown h2{font-size:1.22em;line-height:1.7;margin-top:1.7em;margin-bottom:.7em}.ra-reader .ar-markdown h3,.ra-reader .ar-markdown h4{font-size:1.04em;line-height:1.8;margin-top:1.45em}.ra-reader .ar-markdown ul,.ra-reader .ar-markdown ol{padding-left:1.15em}.ra-reader .ar-markdown blockquote{padding:7px 12px;margin-left:0;margin-right:0}.ra-reader .ar-source{padding:14px;margin-top:32px}.ra-reader .ms-pager{position:fixed;z-index:20;bottom:0;left:0;right:0;max-width:760px;margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;background:#f7f8f2f7;border-top:1px solid #d2dccb;box-shadow:0 -7px 24px #203d3309}.ra-reader .ms-pager button{width:100%;padding:10px 5px;border-radius:7px;font-size:13px;line-height:1.6;min-height:48px}.ra-reader .ms-pager button:nth-child(2){background:#e7eddf;border-color:#b4c2aa}.ra-reader .ms-pager button:disabled{opacity:.35}.ra-reader .ar-raw{font-size:13px}
}
@media(max-width:359px){.main:has(.ra-reader){padding-left:19px;padding-right:19px}.ar-page.ra-reader>h1{font-size:24px}.ra-reader .ar-markdown{font-size:17px}.ra-reader.ms-large .ar-markdown{font-size:20px}.ra-reader .ms-pager{padding-left:10px;padding-right:10px;gap:5px}.ra-reader .ms-pager button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ra-reader *{scroll-behavior:auto!important}}

/* Mobile navigation refinement: scoped, no record changes. */
@media(max-width:760px){
.navpanel{padding:20px 16px max(20px,env(safe-area-inset-bottom));width:min(340px,90vw);height:100dvh;max-height:100dvh;overscroll-behavior:contain;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.navpanel .brandmark{position:absolute;left:22px;top:23px;width:34px;height:34px;font-size:25px;margin:0;border-radius:10px}
.navpanel .brand{font-size:23px;line-height:34px;letter-spacing:1px;margin:3px 48px 0 51px}
.navpanel .subbrand{font-size:12px;line-height:1.6;letter-spacing:.5px;margin:8px 0 20px 8px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.navpanel .menuclose{top:19px;right:10px;min-width:44px;min-height:44px;border-radius:50%;font-size:27px;line-height:1;background:#e6ebdf}
.navpanel .nav{gap:3px;padding-top:0;flex-shrink:0}
.navpanel .nav button{min-height:48px;font-size:16px;line-height:1.5;padding:11px 13px;margin:0;width:100%;gap:12px}
.navpanel .nav button .mn-label{min-width:0;text-align:left;overflow-wrap:anywhere}
.navpanel .nav button .mn-arrow{margin-left:auto;font-size:20px;line-height:1;color:inherit;opacity:.65;flex-shrink:0}
.navpanel #review-entry{margin:0 0 9px;font-size:16px;border-bottom:1px solid var(--line);border-radius:0;padding-bottom:15px;min-height:52px}
.navpanel .children{margin:3px 0 7px 15px;padding:0 0 0 10px}
.navpanel .children button{font-size:14px;min-height:44px;padding:9px 12px}
.navpanel .navsep{margin-top:10px;padding-top:10px}
.navpanel .navfoot{margin-top:22px;padding:16px 12px 0;font-size:12px;border-top:1px solid var(--line)}
}

/* Mobile full-page navigation. No exposed or clipped underlying page. */
@media(max-width:760px){
.navpanel{width:100%;max-width:none;inset:0;height:100dvh;max-height:100dvh;box-shadow:none;border:0;padding:24px 22px max(28px,env(safe-area-inset-bottom));background:#f0f2e8;z-index:30;overflow-x:hidden;overflow-y:auto}
.navpanel .brandmark{left:28px;top:27px}
.navpanel .brand{margin-top:3px;margin-left:52px;font-size:24px}
.navpanel .subbrand{margin:10px 6px 24px;padding-bottom:20px}
.navpanel .menuclose{top:23px;right:20px}
.navpanel .nav{gap:5px}
.navpanel .nav button{min-height:52px;padding:13px 16px;font-size:17px;border-radius:9px}
.navpanel #review-entry{min-height:56px;padding-bottom:18px;margin-bottom:10px}
.navpanel .children button{font-size:15px;min-height:46px;padding:10px 13px}
.navpanel .navfoot{margin-top:28px;padding-top:20px}
body:has(.navpanel.open){overflow:hidden}
.navpanel.open{isolation:isolate}
}
@media(max-width:760px) and (max-height:450px){.navpanel{padding-top:14px}.navpanel .brandmark{top:17px}.navpanel .menuclose{top:13px}.navpanel .subbrand{margin-bottom:12px;padding-bottom:12px}.navpanel .nav button{min-height:46px;padding-top:10px;padding-bottom:10px}}

/* Menu always opens at its beginning; close remains reachable. */
@media(max-width:760px){.navpanel .menuclose{position:fixed;top:23px;right:20px;z-index:32;box-shadow:0 2px 10px #203d3310}.navpanel{scroll-behavior:auto}}
@media(max-width:760px) and (max-height:450px){.navpanel .menuclose{top:13px}}

/* Unified responsive layout. Preserve data and original content. */
#desk,.main,#view,.bar,#searchForm,.head,.contentrow,.mapgroup,.rv-home,.ar-page{min-width:0}
#view{overflow-wrap:anywhere}
#view img,#view svg,#view video{max-width:100%}
#searchForm{max-width:100%}
.loginbox{width:min(480px,calc(100% - 32px));padding:clamp(20px,4vw,32px);margin:clamp(32px,10vh,100px) auto}
.navpanel .navfoot{overflow-wrap:anywhere}
.navpanel .navfoot button{max-width:100%;white-space:normal;overflow-wrap:anywhere;margin-top:8px}
#view .ar-controls{flex-wrap:wrap}
#view .ar-page select{min-width:0;max-width:100%}
#view .ar-markdown table{display:block;max-width:100%;overflow-x:auto}
#view .prose,#view .ar-raw{overflow-wrap:anywhere;word-break:normal}
@media(min-width:761px){
.app{grid-template-columns:clamp(210px,18vw,250px) minmax(0,1fr)}
.main{padding:24px clamp(24px,3.2vw,56px) 36px;max-width:1280px}
.bar #searchForm{width:min(320px,48%)}
.bar .search{width:100%;min-width:0}
.head h1{font-size:clamp(29px,3vw,40px);line-height:1.4}
.ar-page.ra-reader{max-width:780px;margin-left:auto;margin-right:auto}
.ra-reader .ar-markdown{max-width:100%}
.ra-reader>h1{font-size:clamp(28px,2.7vw,36px);line-height:1.5}
.ra-reader .ar-hero{height:auto;aspect-ratio:2.9/1;object-fit:cover}
}
@media(min-width:761px) and (max-width:1050px){
.map{grid-template-columns:minmax(0,1fr)}
.rv-home{flex-wrap:wrap;padding:20px}
.rv-home h2{font-size:23px}
.rv-compare-grid{grid-template-columns:minmax(0,1fr);gap:20px}
.rv-tabs{flex-wrap:wrap}
.head{gap:16px;flex-wrap:wrap}
.contentrow{grid-template-columns:minmax(0,1fr) 88px;gap:16px}
}
@media(max-width:760px){
.main:not(:has(.ra-reader)){padding-left:clamp(18px,5vw,28px);padding-right:clamp(18px,5vw,28px)}
#view .head{max-width:100%}
#view .head h1{font-size:clamp(28px,6.7vw,34px);line-height:1.45}
#view .rv-home{flex-wrap:wrap;gap:18px;padding:20px}
#view .rv-home h2{font-size:24px}
#view .rv-tabs{flex-wrap:wrap}
#view .rv-compare-grid{grid-template-columns:minmax(0,1fr)}
#view .rv-line{grid-template-columns:minmax(0,1fr);gap:6px}
#view .ar-controls>button{max-width:100%}
#view .ar-hero{height:auto;aspect-ratio:2.9/1}
.navpanel .navfoot .btn{display:block;width:100%;text-align:left}
}
@media(max-width:480px){
#view .contentrow{grid-template-columns:minmax(0,1fr);gap:10px}
#view .contentrow .rowmeta{text-align:left;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#view .contentrow .rowmeta small{margin-top:0}
#view .head>.btn{white-space:normal}
}