/* Basecamp / Field companion. Local, static, no font or image network dependency. */
:root{--bg:#f5f3ec;--surface:#fffefa;--tx:#172d35;--tx2:#40565c;--tx3:#56696d;--line:#d3d9d3;--line2:#bcc8c3;--ac:#172d35;--ac-soft:#e5ebe5;--red:#ad351b;--red-soft:#fff0e9;--red-line:#e9b8a3;--r:12px;--r-lg:16px;--r-sm:8px;--sh:none;--sh-sm:none;--display:Georgia,'Times New Roman',serif;--orange:#b64020;--f:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html{background:var(--bg);scroll-behavior:smooth}body.field-app{margin:0;max-width:none;padding:0 0 calc(82px + env(safe-area-inset-bottom));background:var(--bg);color:var(--tx);font:16px/1.6 var(--f);overflow-wrap:anywhere}
.field-app *{box-sizing:border-box}.field-app :focus-visible{outline:3px solid #a83b1f;outline-offset:4px;border-radius:4px}.field-app a{color:var(--ac)}.field-app button,.field-app input,.field-app select{font:inherit}.field-app button{cursor:pointer}.field-app button:disabled{cursor:default}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:var(--tx);color:#fff!important;padding:12px 20px}.skip-link:focus{top:12px}
.field-app .wrap{max-width:1060px;padding:0 24px}.field-app .intro{padding:38px 0 26px;border-bottom:1px solid var(--line);margin-bottom:24px}.field-app .intro h1{font:normal clamp(34px,5vw,56px)/1.08 var(--display);letter-spacing:-.04em;text-wrap:balance}.field-app .intro .tile{background:var(--tx);color:var(--bg);border-radius:50%;width:52px;height:52px}.field-app .intro .mark{width:48px;height:48px}.field-app h2{font-size:24px;letter-spacing:-.035em;font-weight:600}.field-app h3{letter-spacing:-.02em}.field-app .intro p,.field-app .sub{color:var(--tx2);max-width:65ch}
.field-app header.bar{background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--line)}.field-app header.bar .wrap{max-width:1120px;height:58px}.field-app header.bar a{color:var(--tx);font-size:13px;font-weight:650}.field-app header.bar .ttl{font-size:13px;letter-spacing:.03em}.field-app form.dock{display:none}.field-app .foot{margin-top:32px;border-top:1px solid var(--line);padding:24px 0!important;font-size:13px}
.field-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--tx);color:var(--bg);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;justify-content:space-around;gap:2px;border-top:1px solid #40565c}.field-nav a{color:#c7d3cf!important;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;max-width:130px;font-size:10px;font-weight:600;text-decoration:none;border-radius:10px;letter-spacing:.02em}.field-nav a[aria-current]{background:#2b444b;color:#fffefa!important}.field-nav svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linejoin:round;stroke-linecap:round}.field-nav .rail-brand,.field-nav .rail-footer{display:none}.field-nav .nav-emergency{color:#ffb295!important}
.field-home{max-width:1220px;margin:auto;padding:0 24px!important}.home-mast{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:16px}.home-wordmark{display:flex;align-items:center;gap:10px;font-weight:750;font-size:24px;letter-spacing:-1px;text-decoration:none}.local-label,.field-kicker,.section-meta{font:10px/1.5 ui-monospace,monospace;letter-spacing:.12em}.local-label{max-width:130px;text-align:right;color:var(--tx2)}
.emergency-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:14px 18px;background:#f3e5d9;border-left:3px solid var(--orange);font-size:13px}.emergency-label{font:10px ui-monospace,monospace;letter-spacing:.08em}.emergency-line a{font-weight:650;text-decoration:none;min-height:32px;display:inline-flex;align-items:center;gap:10px}.emergency-line .emergency-call{color:#9b2f16}.emergency-line a:last-child{margin-left:auto}
.home-hero{margin-top:26px;background:var(--tx);color:var(--bg);padding:32px 24px 0;border-radius:4px;position:relative;overflow:hidden}.home-hero .field-kicker{color:#bdcdc6;font-size:9px;margin:0 0 22px}.home-hero h1{font:normal clamp(48px,6.4vw,92px)/.98 var(--display);letter-spacing:-.055em;margin:0 0 24px;color:var(--bg)}.home-hero h1 em{font-weight:normal;color:#eabf73}.hero-description{font-size:15px;line-height:1.65;max-width:350px;color:#c7d3cf;margin-bottom:24px}.home-search{display:flex;background:var(--surface);padding:5px;border-radius:7px;gap:4px;max-width:500px}.home-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--tx);padding:10px;font-size:14px;height:46px}.home-search button{border:0;border-radius:4px;background:#b64020;color:white;padding:0 13px;font-weight:650;white-space:nowrap;font-size:13px}.home-search button span{padding-left:6px}.search-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:12px;padding-top:12px}.search-suggestions span{color:#a6bbb7}.search-suggestions a{color:#fffefa;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}.hero-art{margin:8px -16px 0;position:relative}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{position:absolute;bottom:12px;right:20px;font:8px ui-monospace,monospace;letter-spacing:.13em;color:#bdcdc6}
.home-section{margin:40px 0}.section-line{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.field-kicker{color:var(--tx2);margin:0 0 8px}.field-app .section-line h2,.field-app .downtime h2{font:normal 34px/1.1 var(--display);text-transform:none;letter-spacing:-.04em;color:var(--tx);margin:0}.text-link{font-size:12px;font-weight:600;min-height:30px}.section-meta{color:var(--tx2)}.essential-list{border-top:1px solid var(--tx)}.essential-list>a{display:flex;align-items:center;gap:18px;text-decoration:none;padding:20px 0;border-bottom:1px solid var(--line);transition:background .15s}.essential-list .index{font:12px ui-monospace,monospace;color:var(--tx3)}.essential-list h3{margin:0 0 4px;font-size:19px;font-weight:600}.essential-list p{margin:0;font-size:13px;color:var(--tx2)}.row-arrow{margin-left:auto;font-size:25px;color:var(--orange)}.topic-columns{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}.topic-columns a{display:flex;justify-content:space-between;gap:15px;text-decoration:none;font-size:15px;min-height:62px;align-items:center;border-bottom:1px solid var(--line)}.topic-columns a span:last-child{color:var(--orange)}
.downtime{background:#e7e8de;margin:40px -24px 0;padding:32px 24px}.downtime>div>p:not(.field-kicker){color:var(--tx2);font-size:14px;margin-top:14px;max-width:380px}.downtime-links{display:grid;gap:0;margin-top:24px;border-top:1px solid #bfc9be}.downtime-links>a{padding:20px 0;border-bottom:1px solid #bfc9be;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.downtime-links span{font:10px ui-monospace,monospace;letter-spacing:.1em;color:var(--tx2)}.downtime-links b{font:normal 26px var(--display);letter-spacing:-.03em}.downtime-links small{color:var(--tx2);font-size:12px}.field-footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0!important;font-size:12px;flex-wrap:wrap;color:var(--tx2)}.field-footer div{display:flex;gap:20px}
/* Resource pages: editorial lists, readable guides, a consistent visual vocabulary. */
.field-app .l{background:transparent;border:0;border-top:1px solid var(--tx);border-radius:0;box-shadow:none;overflow:visible}.field-app .l .r{padding:18px 12px 18px 0;min-height:78px;border-bottom:1px solid var(--line);background:transparent;border-radius:0;box-shadow:none}.field-app .r b{font-size:17px;line-height:1.4;font-weight:650}.field-app .r span{font-size:14px;line-height:1.5;color:var(--tx2)}.field-app .r:after{color:var(--orange)}.field-app .l .r:hover,.essential-list>a:hover,.topic-columns a:hover{background:#e9eee7}.field-app nav.jump{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 8px}.field-app nav.jump a{border:1px solid var(--line2);box-shadow:none;background:transparent;min-height:44px;padding:8px 13px;font-size:12px;border-radius:5px}.field-app nav.jump a:hover{background:var(--ac-soft)}.field-app .p-cat main>h2,.field-app.p-cat main>h2{font:11px ui-monospace,monospace;letter-spacing:.09em;color:var(--tx2);margin-top:36px}.field-app .card,.field-app .box,.field-app .q{box-shadow:none;background:var(--surface);border-radius:10px}.field-app .hero{box-shadow:none;border-radius:10px}.field-app .hero .top{background:#ad351b}.field-app .box.do{background:#eaf0e6}.field-app .box.warn{background:#faf1d8}.field-app .box.dont,.field-app .box.call{background:#fff0e9}.field-app.p-guide .wrap{max-width:880px}.field-app.p-guide h2{font-size:24px}.field-app .intro.ic{gap:18px}.field-app .intro.ic .tile{flex:none}.field-app .sbox{border:1px solid var(--line2);box-shadow:none;border-radius:8px;background:var(--surface)}.field-app .sbox input{font-size:17px;background:transparent}.field-app .sbox button{background:var(--tx);color:white;border-radius:6px;min-height:48px;min-width:48px}.field-app.p-search #s{font-size:14px;padding:20px 0;color:var(--tx2)}.field-app.p-search #r,.field-app.p-search #p{padding:0;list-style:none}.field-app.p-search #r>li,.field-app.p-search #p>li{border-bottom:1px solid var(--line);margin:0;padding:20px 0}.field-app.p-search #r a,.field-app.p-search #p a{background:transparent;border:0;box-shadow:none;padding:0;text-decoration:none}.field-app.p-search h3{font-size:22px;line-height:1.3;margin:7px 0;color:var(--tx)}.field-app.p-search .k{font:10px ui-monospace,monospace;letter-spacing:.06em;color:var(--orange)}.field-app.p-search #g h2{font:normal 30px var(--display)}.field-app.p-search #r p,.field-app.p-search #p p{font-size:14px;color:var(--tx2)}.field-app.p-search #more,.field-app.p-search #pmore{min-height:48px;background:var(--tx);color:white;border:0;border-radius:7px;padding:12px 20px}.field-app.p-search .pp a{display:inline-flex!important;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line)!important;margin:5px;border-radius:5px}.field-app.p-search #ps{color:var(--tx2);font-size:14px}
.field-app.p-stats .c{box-shadow:none;border-color:var(--line);background:var(--surface);border-radius:10px}.field-app.p-stats .n{font-weight:500;letter-spacing:-.04em}.field-app.p-stats small{font:10px ui-monospace,monospace;letter-spacing:.06em}.field-app.p-stats .bar{background:#e6eae3;border:0}.field-app.p-stats .bar b{background:#49716d}.field-app.p-stats .pill{border-radius:5px}.field-app.p-stats .intro{align-items:center}.field-app .filter-library{display:flex;flex-direction:column;gap:6px;margin-bottom:28px}.filter-library input{width:100%;min-height:48px;background:var(--surface);border:1px solid var(--line2);border-radius:7px;padding:12px;font-size:16px}.filter-library small{font-size:12px;color:var(--tx2)}
/* Existing apps are separate destinations, with an honest, useful handoff. */
.launch-cover{background:var(--tx);color:var(--bg);padding:32px 24px;border-radius:6px;margin:26px 0}.launch-cover .field-kicker{color:#b8cac5}.field-app .launch-cover h1{font:normal clamp(42px,6vw,76px)/1.03 var(--display);letter-spacing:-.05em;margin:12px 0 24px}.launch-cover p{max-width:520px;color:#c7d3cf}.launch-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#b64020;color:white!important;border-radius:6px;min-height:52px;padding:12px 22px;text-decoration:none;font-weight:650;margin-top:14px}.launch-detail{border-top:1px solid var(--line);padding:24px 0}.launch-detail h2{font-size:18px}.launch-detail p{max-width:65ch;color:var(--tx2)}.launch-status{font:12px ui-monospace,monospace;margin:20px 0 0!important;color:#d4dfd9!important}
/* Immersive map and document tools use the same surfaces and controls. */
.field-app.p-map{height:100dvh;overflow:hidden;padding-bottom:0}.field-app.p-map #m{height:calc(100dvh - 74px - env(safe-area-inset-bottom));width:100%}.field-app.p-map .b{background:var(--surface);color:var(--tx);border:1px solid var(--line2);box-shadow:0 2px 10px #172d351a;border-radius:8px;font-size:14px;top:calc(10px + env(safe-area-inset-top))}.field-app.p-map .b.h{color:#9b2f16;left:130px}.field-app.p-map #place-search{background:var(--surface);border:1px solid var(--line2);border-radius:8px;top:76px;max-width:400px}.field-app.p-map #place-search button{background:var(--tx);color:white;border-color:var(--tx)}.field-app.p-map #places button{background:#e7ede6;color:var(--tx);border-color:var(--line2)}.field-app.p-map .maplibregl-ctrl-group{border:1px solid var(--line2);border-radius:8px}.field-app.p-map .maplibregl-ctrl-attrib{font-size:10px}.field-app.p-viewer{padding-bottom:0}.field-app.p-viewer .field-nav{display:none}.field-app.p-viewer #vc{top:calc(58px + env(safe-area-inset-top));background:#e0e5df}.field-app.p-viewer .vtb{background:var(--surface);border-color:var(--line2)}.field-app.p-viewer .vtb button,.field-app.p-viewer .vtb a,.field-app.p-viewer .vtb .pg{border-color:var(--line2);color:var(--tx);border-radius:7px}.field-app.p-viewer .vtb #zf{background:var(--tx);color:white}.field-app.p-viewer .sheet{box-shadow:0 3px 20px #172d3512}.field-app.p-viewer #msg .card{border-color:var(--line2)}
@media(min-width:650px){.topic-columns{grid-template-columns:1fr 1fr;column-gap:30px}.downtime-links{grid-template-columns:repeat(3,1fr);gap:24px}.downtime-links>a{border-bottom:0}.home-hero{padding:40px 36px 0}.hero-art{max-width:560px;margin:auto}.emergency-line{flex-wrap:nowrap}.field-home{padding:0 36px!important}.downtime{margin-left:-36px;margin-right:-36px;padding:36px}.home-mast .local-label{max-width:none}.field-app .intro h1{max-width:850px}}
@media(min-width:1050px){body.field-app{padding:0 0 0 210px}.field-nav{top:0;right:auto;bottom:0;width:210px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:30px 18px;border-top:0;border-right:1px solid #3a5056}.field-nav .rail-brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 10px 30px;text-decoration:none;max-width:none;flex:0;gap:12px;color:#fffefa!important;font-size:26px;font-weight:700;letter-spacing:-1px}.rail-brand img{width:40px;height:40px;border:1px solid #52686b;border-radius:12px}.rail-brand small{font:9px/1.6 ui-monospace,monospace;letter-spacing:.1em;color:#b5c8c0;max-width:140px}.field-nav>a:not(.rail-brand){max-width:none;flex:0;min-height:50px;flex-direction:row;justify-content:flex-start;padding:0 14px;font-size:13px;gap:14px;border-radius:6px}.field-nav .rail-footer{display:block;margin-top:auto;padding:20px 10px;color:#a7bbb6;font-size:11px;line-height:1.8}.field-nav .rail-footer a{display:inline;padding:8px 0;min-height:44px;font-size:12px;text-decoration:underline;color:#e0e8e0!important}.field-app .wrap{padding-left:48px;padding-right:48px}.field-home{padding:0 48px!important}.home-mast{padding:28px 0}.home-mast .home-wordmark{font-size:18px}.home-mast .home-wordmark img{width:28px;height:28px}.home-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:48px 0 42px 40px;min-height:460px;margin-top:28px;overflow:hidden}.hero-art{width:125%;max-width:none;margin:20px 0 0 -20px;align-self:center}.hero-art figcaption{right:110px;bottom:5px}.hero-description{font-size:15px}.home-section{margin:48px 0}.essential-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.essential-list>a{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:25px 0 22px}.essential-list .index{width:100%}.essential-list>a>div{width:calc(100% - 26px)}.essential-list h3{font-size:19px}.essential-list p{font-size:12px}.row-arrow{font-size:22px}.downtime{margin:48px 0 0;padding:36px;border-radius:6px}.downtime-links b{font-size:25px}.field-app.p-viewer .field-nav{display:flex}.field-app.p-viewer #vc,.field-app.p-viewer .vtb{left:210px}.field-app.p-map #m{height:100dvh}.field-app.p-map .b,.field-app.p-map #place-search{left:230px}.field-app.p-map .b.h{left:350px}.field-app.p-map .maplibregl-ctrl-bottom-left{left:12px}}
@media(max-width:370px){.field-home{padding:0 18px!important}.home-hero{padding:26px 18px 0}.home-hero h1{font-size:47px}.home-search{flex-wrap:wrap}.home-search button{height:44px;width:100%}.home-search input{height:42px}.home-mast{gap:10px}.home-wordmark{font-size:23px}.local-label{font-size:8px;max-width:100px}.emergency-line a:last-child{margin-left:0;width:100%}.field-app .wrap{padding-left:18px;padding-right:18px}.field-app .intro.ic{align-items:flex-start}.field-app .intro.ic .tile{width:40px;height:40px}.field-app .intro h1{font-size:34px}.downtime{margin-left:-18px;margin-right:-18px;padding:26px 18px}.field-app nav.jump.q4 a{white-space:normal}.field-app .box{padding:18px}.field-app .num td{font-size:13px;padding:10px}.field-app.p-map .b.h{left:108px;padding:0 10px}.field-app.p-map .b:not(.h){padding:0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body.field-app{padding:0}.field-nav,.home-search,.search-suggestions,.home-mast,.skip-link{display:none!important}.field-app .wrap{max-width:none}.home-hero{background:white;color:black}.home-hero h1{color:black}}
.field-app [hidden]{display:none!important}
.essential-list .index{flex:none;white-space:nowrap;width:24px}
@media(min-width:760px) and (max-width:1049px){.home-hero{display:grid;grid-template-columns:1.1fr 1fr;padding:34px 0 30px 28px}.hero-copy{min-width:0}.hero-art{width:128%;max-width:none;margin:0 0 0 -8px}.hero-art figcaption{right:70px;font-size:7px}.home-hero h1{font-size:62px}}
@media(min-width:1050px){.field-nav .rail-brand{flex:none;min-height:168px;justify-content:flex-start;padding:0 10px 24px}.essential-list>a{position:relative;display:block}.essential-list .index{display:block;width:auto;margin-bottom:12px}.essential-list>a>div{width:calc(100% - 24px)}.essential-list .row-arrow{position:absolute;right:0;top:24px}}
@media(max-width:600px){.field-app.p-viewer .vtb{min-height:138px}.field-app.p-viewer .vtb #pv,.field-app.p-viewer .vtb .pg,.field-app.p-viewer .vtb #nx,.field-app.p-viewer .vtb #zf,.field-app.p-viewer .vtb #orig{order:0}.field-app.p-viewer .vtb #zo,.field-app.p-viewer .vtb #zi{order:1}.field-app.p-viewer .vtb #ff{order:1;flex-basis:calc(100% - 108px);min-width:150px}.field-app.p-viewer #vs{order:3}.field-app.p-viewer .vtb #orig{min-width:48px;font-size:14px}}
.emergency-line a{min-height:44px}.home-wordmark{min-height:44px}
/* Final usability pass: predictable controls instead of wrapped button soup. */
.field-app.p-home .home-hero{margin-top:0}
.field-nav a:focus-visible,.home-hero a:focus-visible,.launch-cover a:focus-visible{outline-color:#eabf73}
.browse-groups{display:grid;grid-template-columns:1fr;gap:26px}.browse-groups h3{font:600 12px ui-monospace,monospace;letter-spacing:.04em;margin:0;padding:0 0 14px;border-bottom:1px solid var(--tx)}.browse-groups a{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:56px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;text-decoration:none}.browse-groups a span{color:var(--orange);flex:none}.downtime .browse-groups{margin-top:26px}.downtime .browse-groups a{border-color:#bfc9be}.book-group{margin:0 0 20px;border-top:1px solid var(--tx)}.book-group>summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px;cursor:pointer;min-height:76px;padding:16px 30px 16px 0;position:relative;list-style:none}.book-group>summary::-webkit-details-marker{display:none}.book-group>summary:after{content:'+';position:absolute;right:0;top:22px;font-size:24px;color:var(--orange)}.book-group[open]>summary:after{content:'−'}.book-group>summary>span{font:normal 26px var(--display);letter-spacing:-.03em}.book-group>summary>small{font-size:12px;color:var(--tx2)}.book-group .l{border-top:1px solid var(--line)}
.field-app.p-map .map-actions{position:absolute;top:calc(16px + env(safe-area-inset-top));left:16px;right:84px;display:flex;gap:8px;z-index:3;align-items:center}.field-app.p-map .map-actions .b{position:static;left:auto;top:auto;margin:0;min-height:44px;height:44px;min-width:66px;padding:0 12px;white-space:nowrap;font:600 14px var(--f);border-radius:7px;box-shadow:0 2px 8px #172d3512}.field-app.p-map #place-search{top:72px;left:16px;width:calc(100% - 100px);max-width:400px}.field-app.p-map .maplibregl-ctrl-top-right{top:calc(16px + env(safe-area-inset-top));right:16px}.field-app.p-map .maplibregl-ctrl-top-right .maplibregl-ctrl{margin:0}.field-app.p-map .maplibregl-ctrl-group button{width:44px;height:44px}
body.field-app.p-viewer .vtb{display:grid;grid-template-columns:minmax(0,1fr) 82px;grid-template-areas:'pages actions' 'zoom actions' 'find find' 'status status';gap:8px;padding:10px 12px calc(8px + env(safe-area-inset-bottom));min-height:0;height:auto;align-items:center}
body.field-app.p-viewer .pdf-paging{grid-area:pages;display:flex;align-items:center;gap:6px;min-width:0}body.field-app.p-viewer .pdf-zoom{grid-area:zoom;display:flex;align-items:center;justify-content:center;gap:6px}body.field-app.p-viewer .pdf-actions{grid-area:actions;display:grid;gap:8px;align-self:start;grid-template-rows:44px 44px}
body.field-app.p-viewer .vtb button,body.field-app.p-viewer .vtb a{height:44px;min-width:44px;margin:0;padding:0 8px;font:600 14px var(--f);border-radius:7px;flex:none}
body.field-app.p-viewer .pdf-paging>button{font-size:26px;width:44px;padding:0}body.field-app.p-viewer .pdf-zoom>button{width:48px;font-size:20px}body.field-app.p-viewer .pdf-zoom>#zf{font-size:14px;width:58px}
body.field-app.p-viewer .vtb .pg{display:flex;gap:2px;justify-content:center;align-items:center;min-width:0;flex:1;height:44px;padding:0 3px;white-space:nowrap;font-size:13px;background:transparent;border:0}body.field-app.p-viewer .vtb .pg input{width:2.6em;min-width:0;padding:0;font-size:16px;text-align:center}body.field-app.p-viewer .page-caption{display:none}
body.field-app.p-viewer .vtb #orig,body.field-app.p-viewer .vtb #find-toggle{width:100%;min-width:0;font-size:13px;order:0}body.field-app.p-viewer .vtb #ff{grid-area:find;display:flex;width:100%;min-width:0;gap:6px;order:0;flex-basis:auto;margin:0}body.field-app.p-viewer .vtb #fq{height:44px;min-width:0;flex:1;font-size:16px}body.field-app.p-viewer .vtb #find-close{width:44px;min-width:44px;font-size:24px;padding:0}body.field-app.p-viewer #vs{grid-area:status;order:0;min-height:16px;font-size:12px;line-height:1.4;white-space:normal;padding:0;text-align:center}
@media(min-width:700px){.browse-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body.field-app.p-viewer .vtb{grid-template-columns:minmax(220px,1fr) auto minmax(176px,1fr);grid-template-areas:'pages zoom actions' 'find find find' 'status status status';column-gap:18px}body.field-app.p-viewer .pdf-actions{grid-template-rows:44px;grid-template-columns:1fr 1fr;align-self:center}body.field-app.p-viewer .page-caption{display:inline}body.field-app.p-viewer .pdf-paging{max-width:300px}body.field-app.p-viewer #ff{max-width:620px;justify-self:center}}
@media(min-width:1050px){.field-app.p-map .map-actions,.field-app.p-map #place-search{left:226px}}
.field-nav a{font-size:11px;letter-spacing:0}
@media(min-width:1050px){.field-nav>a:not(.rail-brand){font-size:14px}}
body.field-app.p-viewer .vtb #zo,body.field-app.p-viewer .vtb #zi{order:0}
body.field-app.p-viewer .pdf-actions>button,body.field-app.p-viewer .pdf-actions>a{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 4px;font-size:13px}
.field-nav .nav-emergency span{font-size:10px;white-space:nowrap}
@media(min-width:1050px){.field-nav .nav-emergency span{font-size:14px}}

/* Media section: two handoff cards for BookOrbit and Jellyfin. */
.field-app.p-media .field-home{max-width:960px}
.media-intro{padding:8px 0 10px}
.media-intro h1{font:normal clamp(42px,6vw,76px)/1.03 var(--display);letter-spacing:-.05em;margin:0 0 12px}
.media-intro p{color:var(--tx2);max-width:65ch;margin:0}
.media-grid{display:grid;gap:18px;margin:24px 0 40px}
@media(min-width:700px){.media-grid{grid-template-columns:1fr 1fr;gap:22px}}
.media-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column}
.media-card .field-kicker{margin:0 0 8px}
.media-card h2{font:normal 32px/1.1 var(--display);letter-spacing:-.03em;margin:0 0 12px}
.media-card p{color:var(--tx2);margin:0 0 12px}
.media-card .server-addr{font:14px/1.5 ui-monospace,monospace;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin:0 0 8px;word-break:break-all;color:var(--tx)}
.media-copy{align-self:flex-start;background:transparent;border:0;color:var(--ac);font-weight:650;padding:0;min-height:44px;margin:0 0 8px}
.media-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;padding-top:8px}
.media-actions .launch-button{margin-top:0;width:100%;box-sizing:border-box}
.media-fallback{font-size:14px;margin:0}
.media-fallback a{font-weight:650;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.media-note{font-size:13px;color:var(--tx2);margin:0}
.media-note a{font-weight:650}
.media-miss{font-size:13px;color:var(--tx2);margin:0;display:none}
.media-miss.is-visible{display:block}
.media-tests{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
.media-tests a{font-weight:650;font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}


/* Settings: Wi-Fi forms and fold headers */
.p-stats #wf button{margin-top:var(--s3,12px);width:100%;height:52px;border:0;border-radius:var(--r,8px);background:var(--ac);color:#fff;font:600 17px var(--f,inherit)}
.p-stats #wf button:disabled{background:var(--line2,#ccc);color:var(--tx2,#666)}
.p-stats #wf button.secondary{background:transparent;border:1px solid var(--line2,#ccc);color:var(--tx)}
.p-stats #wf .stack{margin-top:var(--s3,12px)}
.p-stats #pw .s{font-weight:500;margin-top:6px}
.p-stats .settings-fold{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.p-stats .settings-fold-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;margin:0;padding:12px 16px;border:0;border-radius:0;background:var(--surface);color:var(--tx);font:650 17px var(--f,inherit);text-align:left;cursor:pointer}
.p-stats .settings-fold-head:hover{background:var(--bg,#f6f3ee)}
.p-stats .settings-fold-head:focus-visible{outline:3px solid #a83b1f;outline-offset:-3px}
.p-stats .settings-fold-head .chev{flex:none;width:12px;height:12px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.p-stats .settings-fold.is-open .settings-fold-head .chev{transform:rotate(225deg);margin-top:4px}
.p-stats .settings-fold-body{display:none;padding:4px 16px 16px;border-top:1px solid var(--line)}
.p-stats .settings-fold.is-open .settings-fold-body{display:block}
.p-stats .wifi-scan-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.p-stats .wifi-net{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg,#f6f3ee);color:var(--tx);font:600 16px var(--f,inherit);text-align:left}
.p-stats .wifi-net:hover,.p-stats .wifi-net:focus-visible{border-color:var(--ac);background:var(--surface)}
.p-stats .wifi-net.is-current{border-color:var(--ac)}
.p-stats .wifi-net.is-selected{outline:3px solid #a83b1f;outline-offset:0}
.p-stats .wifi-net .ssid{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-stats .wifi-net .meta{flex:none;display:flex;align-items:center;gap:8px;color:var(--tx2);font-size:13px;font-weight:600}
.p-stats .sig{display:flex;align-items:flex-end;gap:2px;height:16px;flex:none}
.p-stats .sig i{display:block;width:3px;background:var(--line2,#ccc);border-radius:1px}
.p-stats .sig i:nth-child(1){height:5px}
.p-stats .sig i:nth-child(2){height:8px}
.p-stats .sig i:nth-child(3){height:12px}
.p-stats .sig i:nth-child(4){height:16px}
.p-stats .sig i.on{background:var(--tx)}
.p-stats .lock{width:14px;height:16px;flex:none}
.p-stats .note.i{margin-top:12px}
/* Phase 0 (13 Nov 2026): Settings gear in the Home and Guides header; Guides hub. */
.mast-tools{display:flex;align-items:center;gap:14px}
.mast-gear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--line2);border-radius:50%;color:var(--tx);text-decoration:none;transition:background .15s}
.mast-gear svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mast-gear:hover{background:#e9eee7}
.guides-intro{padding:8px 0 22px}
.guides-intro .field-kicker{margin:0 0 14px}
.guides-intro h1{font:normal clamp(42px,6vw,76px)/1.03 var(--display);letter-spacing:-.05em;margin:0 0 14px;color:var(--tx)}
.guides-intro p.sub{color:var(--tx2);max-width:65ch;margin:0;font-size:17px;line-height:1.55}
.p-guides .home-section{margin:34px 0}
.p-guides .emergency-line{border-radius:2px}
@media(max-width:520px){.mast-tools .local-label{display:none}}

/* Settings: File Browser link (14 Nov 2026) */
.p-stats a.files-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:72px;padding:16px 18px;border:0;border-radius:var(--r,8px);background:var(--ac);color:#fff;text-decoration:none;cursor:pointer;box-sizing:border-box;margin:0 0 var(--s3,12px)}
.p-stats a.files-link:hover,.p-stats a.files-link:focus-visible{background:#2b444b;color:#fff}
.p-stats a.files-link:focus-visible{outline-color:#fffefa}
.p-stats .files-link-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.p-stats .files-link-text strong{font:650 17px var(--f,inherit)}
.p-stats a.files-link .s{color:#c7d3cf}
.p-stats .files-link-go{flex:none;width:12px;height:12px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(-45deg);margin-right:2px}