/* Independent, mobile-first interface; uses Payne Memorial green/gold palette. */
:root{--ink:#26392d;--muted:#647268;--deep:#182d26;--paper:#f4f3ed;--panel:#fffdf8;--line:#d7ddd3;--gold:#ba9c5d;--accent:#27674c;--shadow:0 9px 27px rgba(22,45,30,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.53 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b3863b;outline-offset:2px}a{color:#20634a}.shell{width:min(1190px,calc(100% - 36px));margin-inline:auto}
.topbar{background:var(--deep);border-bottom:3px solid var(--gold);color:white}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:69px}.brand{text-decoration:none;color:white;display:flex;align-items:center;gap:10px;font:bold 19px/1.1 Georgia,serif;letter-spacing:.045em}.brand small{display:block;font:650 10px/1.4 system-ui,sans-serif;letter-spacing:.16em;color:#dfddcc}.brand-mark{border:1px solid #ad955f;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;color:#dac79c;font:26px Georgia,serif}.nav-inner nav{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-end}.nav-inner nav a{color:#e8e9df;text-decoration:none;font-size:12px}.nav-inner nav a:hover{text-decoration:underline}
.intro{background:linear-gradient(110deg,#1d382b,#415a44);color:white}.intro-grid{padding:27px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.intro h1{font:normal clamp(34px,5vw,50px)/1.15 Georgia,serif;margin:6px 0 8px}.eyebrow{font-weight:800;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#dac493}.byline{margin:0;color:#e5e7de}.intro-status{flex:0 0 260px;padding:15px 19px;background:#ffffff10;border:1px solid #ffffff29;border-radius:7px;font-size:13px}.intro-status p{margin:6px 0 0;font-size:12px;color:#e6e7df}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:23px;margin-top:26px;margin-bottom:42px;align-items:start}.reading-column{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fffdf8;box-shadow:var(--shadow);overflow:hidden}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;background:#faf9f4;border-bottom:1px solid var(--line)}.page-controls,.zoom-controls,.jump-controls{display:flex;align-items:center;gap:5px}.ctl,select,.jump-controls input{border:1px solid #ccd7ce;color:var(--ink);background:white;border-radius:5px;min-height:36px;padding:5px 9px}.ctl:hover:not(:disabled){background:#eaf0e8}.ctl:disabled{opacity:.4;cursor:default}.icon-ctl{font-size:24px;line-height:20px;min-width:38px;padding:4px}.page-controls select{width:173px;font-size:12px}.jump-controls label{font-size:11px;color:#5c695e;max-width:71px;line-height:1.1}.jump-controls input{width:70px;font-size:13px}.zoom-controls #zoom-level{min-width:44px;font-weight:750;font-size:12px;color:#58695c;text-align:center}.fit{font-size:12px;font-weight:bold}.reader-label-bar{background:white;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.reader-label-bar strong{font:normal 19px Georgia,serif;display:block}.reader-label-bar span{display:block;color:var(--muted);font-size:11px}.toggle-label{font-size:12px;display:flex;gap:5px;align-items:center;white-space:nowrap;color:#516656}.toggle-label input{accent-color:var(--accent)}
.reader-scroll{height:min(88vh,1250px);min-height:400px;background:#e4e4da;overflow:auto;padding:16px 22px 24px;scrollbar-color:#95a096 #e4e4da;overscroll-behavior:contain}.page-frame{width:100%;position:relative;background:white;box-shadow:0 7px 23px #18302332;margin:auto;aspect-ratio:650 / 1046}.page-frame img{width:100%;height:auto;display:block;user-select:none;-webkit-user-select:none}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;display:block;cursor:pointer;background:rgba(214,159,45,.12);border-bottom:1.7px solid #ad772a;border-radius:1px;touch-action:manipulation;min-height:0}.hotspot:hover,.hotspot:focus-visible{background:rgba(219,153,42,.32);outline:1px solid #b48532;outline-offset:1px}.hotspots.hide-highlight .hotspot{background:transparent;border-bottom-color:transparent}.hotspots.hide-highlight .hotspot:hover,.hotspots.hide-highlight .hotspot:focus-visible{background:rgba(219,153,42,.29);border-bottom-color:#ad772a}.focus-marker{position:absolute;left:3%;width:94%;height:12px;background:rgba(208,159,50,.16);border-top:2px solid rgba(164,111,22,.95);pointer-events:none;z-index:3}.reader-footnote{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px;border-top:1px solid var(--line);color:#526557;font-size:12px;background:#f9f8f3}.quiet-ctl{background:transparent;color:#216149;border:0;padding:3px 5px;text-decoration:underline;white-space:nowrap}
.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:19px;margin-bottom:14px}.panel h2,.method-note h2{font:normal 22px/1.2 Georgia,serif;margin:0 0 11px}.field-label{font-size:12px;font-weight:700;color:#5b6e5d;display:block;margin-bottom:6px}.search-panel input{width:100%;border-radius:5px;border:1px solid #b9c8b9;padding:10px;background:white}.small{font-size:12px}.muted{color:var(--muted)}.search-results{margin-top:10px;max-height:360px;overflow:auto}.search-hit{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:9px 10px;text-align:left;margin-bottom:7px;background:#fbfaf7}.search-hit:hover{background:#edf3e9}.search-hit strong{display:block;font-size:13px}.search-hit small{font-size:11px;display:block;color:#647263;line-height:1.35;margin-top:3px}.search-summary{font-size:11px;color:#607161;margin:0 0 10px}.contents{max-height:420px;overflow:auto}.contents details{margin-bottom:4px;border-bottom:1px solid #e7e7df;padding-bottom:4px}.contents summary{cursor:pointer;font-size:13px;font-weight:700;padding:7px 0}.toc-item{display:block;width:100%;border:0;background:transparent;padding:7px 8px;text-align:left;color:#2b614d;font-size:12px}.toc-item:hover{background:#eff2eb}.contents .index-link{display:block;font-size:12px;padding:6px 0}.method-note{border-left:3px solid var(--gold);background:#eeeee4;padding:10px 14px;color:#536052;font-size:12px}.method-note h2{font-size:18px;margin:0 0 8px}.method-note p{margin:6px 0 12px}.visually-hidden{position:absolute!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;width:1px!important;height:1px!important;white-space:nowrap!important}footer{background:var(--deep);color:#d9e0d5;font-size:12px;padding:24px 0}.foot-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:1040px){.main-grid{grid-template-columns:minmax(0,1fr) 250px;gap:13px}.jump-controls{order:3}.reader-controls{justify-content:space-between}}
@media(max-width:800px){.main-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-panel{grid-column:1/-1}.panel{margin:0}.reader-scroll{height:82vh}.intro-status{flex-basis:220px}}
@media(max-width:550px){.shell{width:calc(100% - 22px)}.nav-inner{min-height:61px}.brand{font-size:15px}.brand-mark{width:34px;height:34px;font-size:23px}.nav-inner nav{gap:7px}.nav-inner nav a{font-size:10px}.intro-grid{padding:23px 0;display:block}.intro h1{font-size:36px}.intro-status{margin-top:13px;padding:10px}.intro-status p{margin:3px 0}.main-grid{margin-top:11px}.reader-controls{padding:7px;gap:6px}.page-controls select{width:144px}.jump-controls{order:2;max-width:100%}.jump-controls label{max-width:65px}.zoom-controls{order:3}.reader-label-bar{padding:9px}.reader-label-bar strong{font-size:17px}.toggle-label{font-size:11px;max-width:135px;white-space:normal}.reader-scroll{padding:7px;min-height:310px;height:76vh}.reader-footnote{padding:9px}.sidebar{grid-template-columns:1fr}.panel{padding:15px}.contents{max-height:330px}}
@media print{.topbar,.reader-controls,.sidebar,.reader-label-bar,.reader-footnote,footer{display:none!important}.main-grid{display:block}.reading-column{border:0;box-shadow:none}.reader-scroll{height:auto;overflow:visible;padding:0}.hotspots,.focus-marker{display:none!important}.page-frame{width:100%!important;box-shadow:none}}