:root{--bg:#f5f6f2;--paper:#fff;--soft:#e9ede7;--ink:#17221b;--muted:#4c5b50;--line:#c9d1c8;--accent:#325e40;--accent-ink:#fff;--focus:#315d99;--danger:#9e2e2d;--danger-bg:#fff0ec;--display:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:32px}body.roadkit-site{margin:0!important;background:var(--bg)!important;color:var(--ink)!important;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body.roadkit-site *{box-sizing:border-box}body.roadkit-site [hidden]{display:none!important}body.roadkit-site :is(h1,h2,h3,h4,h5,h6,p){margin-top:0}body.roadkit-site :is(h1,h2,h3,h4,h5,h6){font-family:var(--display);color:inherit!important;font-weight:650;letter-spacing:-.045em;line-height:1.12}body.roadkit-site h1{font-size:clamp(42px,5.7vw,80px);margin-bottom:28px}body.roadkit-site h2{font-size:clamp(28px,3vw,42px);margin-bottom:20px}body.roadkit-site h3{font-size:24px;margin-bottom:14px}body.roadkit-site :is(label,strong,em,summary){color:inherit}body.roadkit-site em{font-style:normal;color:var(--accent)}body.roadkit-site a,body.roadkit-site a:hover,body.roadkit-site a:visited{text-decoration:none!important;text-underline-offset:0;color:inherit}body.roadkit-site a:hover{color:var(--accent)}body.roadkit-site :focus-visible{outline:3px solid var(--focus);outline-offset:5px}body.roadkit-site button,body.roadkit-site .button{font:600 15px/1.5 system-ui;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid var(--line);border-radius:9px;padding:12px 20px;background:var(--paper);color:var(--ink);cursor:pointer;text-align:center}body.roadkit-site .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}body.roadkit-site .primary:hover{color:var(--accent-ink);filter:brightness(.95)}body.roadkit-site button:disabled{opacity:.55;cursor:not-allowed}body.roadkit-site .wrap{width:min(1184px,calc(100% - 64px));margin-inline:auto}body.roadkit-site .skip{position:absolute;left:20px;top:-100px;z-index:9999;background:var(--paper);padding:12px}body.roadkit-site .skip:focus{top:16px}body.roadkit-site .site-header{border-bottom:1px solid var(--line);background:var(--paper)}body.roadkit-site .header-inner{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:32px}body.roadkit-site .brand{font:750 22px/1.2 system-ui;display:inline-flex;gap:12px;align-items:center;letter-spacing:-.05em;white-space:nowrap}body.roadkit-site .brand-mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:20px;box-shadow:inset 0 -4px 0 #0002;transform:rotate(-6deg)}body.roadkit-site .site-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}body.roadkit-site .site-nav>a{min-height:44px;display:flex;align-items:center}body.roadkit-site .theme-picker{display:flex;align-items:center;gap:8px;font-size:14px}body.roadkit-site .theme-picker select{width:93px;padding:9px 10px;min-height:44px}body.roadkit-site .menu-button{display:none}body.roadkit-site .eyebrow{display:block;font:600 12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}body.roadkit-site .lede{font-size:19px;line-height:1.7;color:var(--muted);max-width:660px;margin-bottom:28px}body.roadkit-site .actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}body.roadkit-site .home-hero{position:relative;overflow:hidden;padding:88px 0 80px}body.roadkit-site .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px}body.roadkit-site .hero-caption{font-size:14px;color:var(--muted);margin-top:24px}body.roadkit-site .hero-scene{min-height:430px;position:relative;perspective:1000px;display:flex;align-items:center;justify-content:center;padding:32px 0}body.roadkit-site .scene-panel{width:100%;max-width:460px;background:var(--paper);border:1px solid var(--line);padding:30px;border-radius:18px;box-shadow:0 24px 50px #13201b13,0 3px 8px #13201b0b;transform:rotateY(-8deg) rotateX(5deg) rotateZ(3deg);position:relative;z-index:2}body.roadkit-site .scene-title{display:flex;justify-content:space-between;font:600 12px/1.5 ui-monospace,monospace;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}body.roadkit-site .scene-value{font:650 48px/1.1 var(--display);letter-spacing:-.045em;margin:12px 0}body.roadkit-site .scene-label{font-size:14px;color:var(--muted)}body.roadkit-site .scene-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}body.roadkit-site .scene-row strong{text-align:right}body.roadkit-site .scene-chart{display:flex;gap:10px;align-items:end;height:118px;margin:26px 0 14px;border-bottom:1px solid var(--line)}body.roadkit-site .scene-chart i{flex:1;background:var(--accent);border-radius:5px 5px 0 0;opacity:.85;height:var(--h);box-shadow:inset -6px 0 0 #0001}body.roadkit-site .float-chip{position:absolute;z-index:3;right:-8px;bottom:16px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 10px 24px #13201b14;transform:rotate(-5deg);font-size:14px;animation:drift 7s ease-in-out infinite}body.roadkit-site .float-chip strong{display:block;font-size:23px;line-height:1.3;letter-spacing:-.025em}body.roadkit-site .scene-orbit{position:absolute;inset:35px -18px;border:1px solid var(--line);border-radius:50%;transform:rotate(-24deg);background:radial-gradient(ellipse at center,var(--soft),transparent 68%)}body.roadkit-site .principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}body.roadkit-site .principle-grid{display:grid;grid-template-columns:repeat(3,1fr)}body.roadkit-site .principle-grid>div{padding:26px 28px;border-right:1px solid var(--line)}body.roadkit-site .principle-grid>div:first-child{padding-left:0}body.roadkit-site .principle-grid>div:last-child{border-right:0}body.roadkit-site .principle-grid strong{font-size:16px}body.roadkit-site .principle-grid p{font-size:14px;color:var(--muted);margin:8px 0 0}body.roadkit-site .section{padding-block:80px}body.roadkit-site .section-intro{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:36px}body.roadkit-site .section-intro p{max-width:430px;color:var(--muted)}body.roadkit-site .tool-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}body.roadkit-site .tool-card{display:flex;flex-direction:column;position:relative;padding:26px 22px;background:var(--paper);border:1px solid var(--line);border-radius:12px;min-height:280px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 4px 10px #13201b04}body.roadkit-site .tool-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #13201b12;border-color:var(--accent);color:var(--ink)}body.roadkit-site .tool-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}body.roadkit-site .tool-number{font:500 13px ui-monospace,monospace;color:var(--muted)}body.roadkit-site .tool-arrow{font-size:24px;color:var(--accent)}body.roadkit-site .tool-name{font:650 23px/1.15 var(--display);letter-spacing:-.03em;display:block;margin-bottom:14px}body.roadkit-site .tool-desc{display:block;font-size:15px;color:var(--muted);line-height:1.65}body.roadkit-site .tool-category{margin-top:auto;padding-top:24px;font:500 12px ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}body.roadkit-site .note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}body.roadkit-site .note-grid p{color:var(--muted)}body.roadkit-site .page-hero{padding:64px 0 46px;border-bottom:1px solid var(--line)}body.roadkit-site .page-hero h1{font-size:clamp(40px,4.6vw,66px);max-width:1000px}body.roadkit-site .page-hero .lede{max-width:780px;margin-bottom:0}body.roadkit-site .search-bar{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:20px;align-items:end;background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:12px;margin-bottom:22px}body.roadkit-site label{font-size:14px;font-weight:600;display:grid;gap:8px}body.roadkit-site :is(input,select,textarea){font:500 16px/1.5 system-ui;max-width:100%;min-width:0;width:100%;background:var(--paper)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink);border:1px solid var(--muted);border-radius:7px;min-height:48px;padding:12px;color-scheme:inherit}body.roadkit-site :is(input,textarea)::placeholder{color:var(--muted);opacity:1}body.roadkit-site textarea{min-height:145px;resize:vertical}body.roadkit-site input[type=checkbox]{width:20px;min-width:20px;min-height:20px;height:20px;padding:0;accent-color:var(--accent)}body.roadkit-site input:-webkit-autofill{-webkit-text-fill-color:var(--ink)!important;box-shadow:0 0 0 1000px var(--paper) inset!important}body.roadkit-site small{font-size:14px;font-weight:400;color:var(--muted)}body.roadkit-site .search-count{font-size:14px;color:var(--muted);margin-bottom:24px}body.roadkit-site .workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;padding-block:48px;align-items:start}body.roadkit-site .form-panel,body.roadkit-site .result{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:32px;box-shadow:0 8px 24px #13201b06}body.roadkit-site .form-panel h2,body.roadkit-site .result h2{font-size:28px}body.roadkit-site .form-intro{font-size:14px;color:var(--muted);margin-bottom:26px}body.roadkit-site .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}body.roadkit-site .field.full{grid-column:1/-1}body.roadkit-site .result{background:var(--soft);transform:translateY(8px);box-shadow:0 16px 35px #13201b0c}body.roadkit-site .result-kicker{font:500 12px/1.5 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}body.roadkit-site .metric{border-bottom:1px solid var(--line);padding:20px 0}body.roadkit-site .metric span{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}body.roadkit-site .metric strong{display:block;font-size:clamp(26px,2.5vw,36px);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere}body.roadkit-site .result-message{margin:22px 0 28px;font-size:15px}body.roadkit-site .result-rows{margin:28px 0 0}body.roadkit-site .result-rows>div{padding:14px 0;border-bottom:1px solid var(--line)}body.roadkit-site .result-rows dt{font-size:14px;color:var(--muted)}body.roadkit-site .result-rows dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}body.roadkit-site .status{font-size:14px;color:var(--muted);margin:26px 0 0}body.roadkit-site .is-stale{border-style:dashed}body.roadkit-site .error{color:var(--danger);background:var(--danger-bg);padding:16px;border:1px solid var(--danger);border-radius:8px;margin:24px 0}body.roadkit-site .tool-documentation,body.roadkit-site .prose{max-width:760px;margin:20px auto 80px}body.roadkit-site .prose{padding-top:28px;width:min(760px,calc(100% - 48px))}body.roadkit-site .read-section{padding:32px 0;border-top:1px solid var(--line)}body.roadkit-site .read-section p,body.roadkit-site .tool-documentation li,body.roadkit-site .prose>p{color:var(--muted)}body.roadkit-site .tool-documentation h2,body.roadkit-site .prose h2{font-size:30px}body.roadkit-site .example{padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:9px}body.roadkit-site .example strong{color:var(--ink)}body.roadkit-site .related-links{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}body.roadkit-site .related-links a,body.roadkit-site .inline-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:14px;font-weight:600}body.roadkit-site .meta-panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px;display:grid;gap:10px;margin:0 0 32px;font-size:15px}body.roadkit-site .meta-panel strong{margin-right:12px}body.roadkit-site details{border-bottom:1px solid var(--line);padding:18px 0}body.roadkit-site summary{font-weight:600;cursor:pointer;min-height:32px}body.roadkit-site details p{margin:18px 0;color:var(--muted)}body.roadkit-site .contact-panel{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px}body.roadkit-site .contact-panel label{margin-bottom:20px}body.roadkit-site .contact-panel .consent,body.roadkit-site .wpcf7-acceptance label{display:flex;align-items:start;gap:12px;font-weight:400}body.roadkit-site .contact-panel .honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}body.roadkit-site .contact-status,body.roadkit-site .wpcf7-response-output{padding:16px!important;border:1px solid var(--accent)!important;margin:24px 0!important;color:var(--ink)}body.roadkit-site .wpcf7-not-valid-tip{font-size:14px;color:var(--danger);margin-top:8px}body.roadkit-site .wpcf7-list-item{margin:0}body.roadkit-site .contact-panel .wpcf7-submit{width:auto;background:var(--accent)!important;color:var(--accent-ink)!important;-webkit-text-fill-color:var(--accent-ink);cursor:pointer;padding:12px 20px;font-weight:600}body.roadkit-site .site-map-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}body.roadkit-site .site-map-columns a{display:flex;min-height:44px;gap:10px;align-items:center}body.roadkit-site .site-footer{background:var(--paper);border-top:1px solid var(--line);padding:56px 0 24px}body.roadkit-site .footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:64px}body.roadkit-site .footer-grid p{font-size:14px;color:var(--muted);max-width:320px;margin-top:20px}body.roadkit-site .footer-grid h2{font-size:17px;letter-spacing:-.02em}body.roadkit-site .footer-grid nav{display:grid;gap:6px;font-size:14px}body.roadkit-site .footer-grid nav a{display:flex;align-items:center;min-height:38px}body.roadkit-site .footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}body.roadkit-site .print-label{display:none}body.roadkit-site .not-found{font-size:110px;color:var(--accent);display:block;line-height:1.1;margin-bottom:18px}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
/* Deliberately different compositions, not color-only variants. */
body.skin-track .home-hero{background:var(--soft)}body.skin-track h1{font-weight:850;letter-spacing:-.065em;text-transform:uppercase}body.skin-track .scene-panel{border-radius:7px;transform:rotateY(-12deg) rotateZ(-5deg)}body.skin-track .hero-scene:before{content:'';position:absolute;inset:12px 5px;border:20px double var(--line);border-radius:46%}body.skin-track .tool-card{border-radius:7px;border-top:4px solid var(--accent)}body.skin-track .tool-number{font-size:24px}
body.skin-ledger .hero-grid{grid-template-columns:1fr;gap:20px;text-align:center}body.skin-ledger .hero-copy{max-width:880px;margin:auto}body.skin-ledger .hero-copy .lede{margin-inline:auto}body.skin-ledger .hero-copy .actions{justify-content:center}body.skin-ledger .hero-scene{min-height:300px;max-width:900px;width:100%;margin:auto;padding-top:0}body.skin-ledger .scene-panel{max-width:820px;display:grid;grid-template-columns:1fr 1fr;gap:0 44px;text-align:left;transform:rotateX(7deg);border-radius:12px}body.skin-ledger .scene-title{grid-column:1/-1}body.skin-ledger .scene-chart{height:88px}body.skin-ledger .float-chip{bottom:-10px;right:8px;transform:rotate(3deg)}body.skin-ledger .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.skin-ledger .tool-card{min-height:230px;box-shadow:7px 7px 0 var(--soft)}
body.skin-studio{--display:Georgia,'Times New Roman',serif}body.skin-studio .hero-copy h1{font-size:clamp(46px,6vw,86px);font-weight:500}body.skin-studio .home-hero{padding-top:104px}body.skin-studio .hero-scene{min-height:480px}body.skin-studio .scene-panel{transform:rotate(-8deg);border-radius:3px;box-shadow:18px 18px 0 var(--soft),0 30px 60px #301c1515}body.skin-studio .scene-orbit{border-radius:4px;inset:-8px -15px;transform:rotate(12deg);background:var(--soft)}body.skin-studio .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.skin-studio .tool-card{min-height:240px;border-radius:3px;padding:30px;border-left:4px solid var(--accent)}body.skin-studio .tool-name{font-size:29px;font-weight:500}
body.skin-habitat .home-hero{background:linear-gradient(125deg,var(--bg) 58%,var(--soft) 58%)}body.skin-habitat .scene-panel{transform:rotateY(-8deg);border-radius:22px 22px 5px 22px}body.skin-habitat .scene-orbit{border:0;background:var(--soft);border-radius:50% 50% 5% 5%;inset:-15px 12px;transform:rotate(0)}body.skin-habitat .scene-chart i{border-radius:12px 12px 0 0}body.skin-habitat .tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}body.skin-habitat .tool-card:nth-child(3n+2){translate:0 14px}
body.skin-signal .home-hero{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px}body.skin-signal .hero-copy{background:var(--bg);padding:24px 0}body.skin-signal .scene-panel{border-radius:8px;box-shadow:0 0 0 8px var(--bg),0 0 0 9px var(--line);transform:rotateY(-10deg)}body.skin-signal .scene-title{font-size:12px}body.skin-signal .scene-orbit{border:1px dashed var(--accent);inset:0;border-radius:20px;transform:rotate(7deg);background:none}body.skin-signal .tool-card{border-radius:7px;box-shadow:none}body.skin-signal .tool-name{font-size:22px}body.skin-signal .tool-top{border-bottom:1px solid var(--line);padding-bottom:14px}
body.skin-pocket .home-hero{background:var(--soft);border-radius:0 0 48px 48px}body.skin-pocket .hero-copy h1{font-weight:750}body.skin-pocket .scene-panel{border-radius:24px;transform:rotate(6deg)}body.skin-pocket .scene-chart{height:90px;border:0;align-items:center;gap:12px}body.skin-pocket .scene-chart i{border-radius:50%;height:70px!important;flex:none;width:70px;box-shadow:inset 0 0 0 12px var(--paper)}body.skin-pocket .scene-chart i:nth-child(n+4){display:none}body.skin-pocket .float-chip{left:-12px;right:auto;transform:rotate(-7deg)}body.skin-pocket .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.skin-pocket .tool-card{min-height:240px;border-radius:20px}
body.skin-journal{--display:Georgia,'Times New Roman',serif}body.skin-journal .hero-grid{grid-template-columns:1fr 1fr;gap:100px}body.skin-journal .home-hero{padding:100px 0}body.skin-journal h1{font-weight:500;letter-spacing:-.055em}body.skin-journal .scene-panel{transform:rotate(-4deg);border-radius:2px;padding:38px;box-shadow:10px 10px 0 var(--soft),11px 11px 0 var(--line),0 24px 45px #2014230d}body.skin-journal .scene-value{font-family:Georgia,serif;font-style:italic}body.skin-journal .scene-chart i{border-radius:2px;background:var(--muted);opacity:.35}body.skin-journal .scene-orbit{display:none}body.skin-journal .float-chip{border-radius:2px;right:-14px;bottom:0}body.skin-journal .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.skin-journal .tool-card{border-radius:2px;min-height:250px;padding:32px}body.skin-journal .tool-name{font-size:29px;font-weight:500}
body.skin-campus .hero-grid{grid-template-columns:1.05fr 1fr;gap:70px}body.skin-campus .home-hero{background:var(--soft)}body.skin-campus .scene-panel{transform:rotateY(-10deg) rotateZ(3deg);border-radius:14px;box-shadow:-12px 12px 0 var(--bg),-13px 13px 0 var(--line)}body.skin-campus .scene-chart{align-items:stretch;gap:8px;height:100px}body.skin-campus .scene-chart i{border-radius:6px;align-self:end}body.skin-campus .tool-card{border-top:0;border-radius:12px;min-height:290px}body.skin-campus .tool-top{background:var(--soft);margin:-26px -22px 24px;padding:18px 22px;border-radius:12px 12px 0 0}
body.skin-reference .hero-grid{grid-template-columns:1fr;gap:28px}body.skin-reference .hero-copy{max-width:1000px}body.skin-reference .hero-copy .lede{max-width:720px}body.skin-reference .hero-scene{max-width:100%;min-height:260px;padding:0;margin-top:10px}body.skin-reference .scene-panel{max-width:100%;width:100%;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:0 64px;padding:30px 36px;border-radius:14px}body.skin-reference .scene-title{grid-column:1/-1}body.skin-reference .scene-chart{height:90px}body.skin-reference .scene-orbit{display:none}body.skin-reference .float-chip{right:24px;bottom:-22px;transform:rotate(-3deg)}body.skin-reference .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.skin-reference .tool-card{min-height:235px;border-radius:12px;box-shadow:none}body.skin-reference .tool-top{margin-bottom:20px}
body.skin-canvas .home-hero{background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px}body.skin-canvas .hero-copy h1{font-weight:800;font-size:clamp(45px,5.9vw,84px)}body.skin-canvas .scene-panel{transform:rotateY(-12deg) rotateZ(-7deg);border-radius:12px;box-shadow:14px 14px 0 var(--soft),15px 15px 0 var(--line),0 28px 44px #28142412}body.skin-canvas .scene-orbit{border-radius:8px;inset:28px -14px;transform:rotate(10deg);background:var(--soft)}body.skin-canvas .scene-chart i:nth-child(2n){background:var(--muted)}body.skin-canvas .float-chip{transform:rotate(6deg)}body.skin-canvas .tool-card:nth-child(odd){background:var(--soft)}body.skin-canvas .tool-list{gap:24px}
@media(max-width:1000px){body.roadkit-site .site-nav{gap:18px}body.roadkit-site .hero-grid{gap:32px}body.roadkit-site .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.roadkit-site .hero-scene{min-height:390px}body.roadkit-site .footer-grid{gap:32px}}
@media(max-width:800px){body.roadkit-site .wrap{width:calc(100% - 40px)}body.roadkit-site .header-inner{min-height:82px;gap:14px;flex-wrap:wrap;padding-block:18px}body.roadkit-site .brand{font-size:21px}body.roadkit-site .brand-mark{width:31px;height:31px}body.roadkit-site .menu-button{display:inline-flex;min-height:44px;padding:9px 16px}body.roadkit-site .site-nav{display:none;flex-basis:100%;flex-wrap:wrap;gap:8px 22px;padding:8px 0 4px}body.roadkit-site .site-nav.is-open{display:flex}body.roadkit-site .theme-picker{flex-basis:100%;margin-top:6px}body.roadkit-site .home-hero{padding:48px 0;border-radius:0}body.roadkit-site .hero-grid{grid-template-columns:1fr!important;gap:24px!important;text-align:left}body.roadkit-site .hero-copy{padding:0}body.roadkit-site .hero-copy h1{font-size:44px}body.roadkit-site .hero-copy .actions{justify-content:flex-start}body.roadkit-site .lede{font-size:18px}body.roadkit-site .hero-scene{min-height:350px;max-width:100%;padding:22px 10px 40px;margin-top:8px}body.roadkit-site .scene-panel{display:block!important;max-width:440px;padding:24px;transform:rotate(-3deg)!important}body.roadkit-site .scene-value{font-size:42px}body.roadkit-site .scene-chart{height:90px!important}body.roadkit-site .float-chip{right:0;bottom:2px;font-size:13px;padding:12px 16px}body.roadkit-site .float-chip strong{font-size:20px}body.roadkit-site .scene-orbit{inset:14px 0;border-width:1px}body.roadkit-site .principle-grid{grid-template-columns:1fr}body.roadkit-site .principle-grid>div,body.roadkit-site .principle-grid>div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}body.roadkit-site .principle-grid>div:last-child{border:0}body.roadkit-site .section{padding-block:48px}body.roadkit-site .section-intro{display:block;margin-bottom:28px}body.roadkit-site .section-intro p{max-width:none}body.roadkit-site .tool-list{grid-template-columns:1fr!important;gap:16px}body.roadkit-site .tool-card{min-height:220px;padding:24px;translate:none!important}body.roadkit-site .tool-name{font-size:26px}body.roadkit-site .tool-top{margin-bottom:20px}body.skin-campus .tool-top{margin:-24px -24px 24px;padding:18px 24px}body.roadkit-site .note-grid{grid-template-columns:1fr;gap:24px}body.roadkit-site .page-hero{padding:44px 0 34px}body.roadkit-site .page-hero h1{font-size:40px}body.roadkit-site .search-bar{grid-template-columns:1fr;gap:18px;padding:20px}body.roadkit-site .workbench{grid-template-columns:1fr;padding-block:32px;gap:24px}body.roadkit-site .form-panel,body.roadkit-site .result{padding:24px 20px;border-radius:11px;transform:none}body.roadkit-site .fields{grid-template-columns:1fr;gap:22px}body.roadkit-site .result .metric strong{font-size:30px}body.roadkit-site .tool-documentation{margin-bottom:48px}body.roadkit-site .tool-documentation h2,body.roadkit-site .prose h2{font-size:28px}body.roadkit-site .meta-panel{padding:20px;gap:14px}body.roadkit-site .meta-panel strong{display:block}body.roadkit-site .contact-panel{padding:20px 16px}body.roadkit-site .site-map-columns{grid-template-columns:1fr;gap:36px}body.roadkit-site .site-footer{padding-top:40px}body.roadkit-site .footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}body.roadkit-site .footer-grid>div:first-child{grid-column:1/-1}body.roadkit-site .footer-bottom{display:block}body.roadkit-site .footer-bottom span{display:block;margin-top:12px}body.skin-pocket .float-chip{left:0;right:auto}body.skin-habitat .home-hero{background:var(--bg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.roadkit-site *,body.roadkit-site *:before,body.roadkit-site *:after{animation:none!important;transition:none!important}}
@media print{body.roadkit-site{background:#fff!important;color:#000!important;font-size:11pt;--ink:#000;--muted:#333;--line:#bbb;--paper:#fff;--soft:#fff}body.roadkit-site :is(.site-header,.site-footer,.form-panel,.actions,.status,.tool-documentation,.theme-picker){display:none!important}body.roadkit-site .wrap{width:100%}body.roadkit-site .workbench{display:block;padding:0}body.roadkit-site .result{box-shadow:none;background:#fff;border:0;padding:0;transform:none;color:#000!important}body.roadkit-site .result *{color:#000!important;-webkit-text-fill-color:#000!important}body.roadkit-site .metric{break-inside:avoid}body.roadkit-site .print-label{display:block}body.roadkit-site .page-hero{padding:0;border:0}body.roadkit-site .page-hero h1{font-size:26pt}body.roadkit-site a{color:#000}}
/* Reserve a separate layer for the floating badge: never cover example values. */
body.roadkit-site .hero-scene{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;row-gap:28px}
body.roadkit-site .hero-scene .float-chip{position:relative;inset:auto;justify-self:end;margin:4px 6px 0 0;max-width:100%;text-align:left}

/* Structural systems. All diagrams are illustrative and contain no live data. */
body.roadkit-site{font-size:16px;line-height:1.65}body.roadkit-site .wrap{width:min(1200px,calc(100% - 80px))}body.roadkit-site .brand{letter-spacing:-.04em;font-size:23px;gap:10px}body.roadkit-site .brand-symbol{display:inline-flex;color:var(--accent);width:38px;height:38px;flex:none}body.roadkit-site .brand-symbol svg{width:100%;height:100%}body.roadkit-site .header-note{font:10px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}body.roadkit-site .header-inner{min-height:90px;gap:24px}body.roadkit-site .site-nav{gap:22px;font-size:13px}body.roadkit-site .theme-picker{font-size:13px}body.roadkit-site .theme-picker select{width:89px}body.roadkit-site .eyebrow{font-size:11px;letter-spacing:.14em}body.roadkit-site h1{font-size:clamp(44px,5.6vw,78px);font-weight:650;line-height:1.03}body.roadkit-site h1 em{display:inline}body.roadkit-site .lede{font-size:18px;max-width:620px}body.roadkit-site .actions{margin:30px 0 0;gap:12px}body.roadkit-site .button,body.roadkit-site button{border-radius:3px}body.roadkit-site .sample-label{font:10px/1.7 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}body.roadkit-site .sample-metric span{font-size:13px;color:var(--muted);display:block}body.roadkit-site .sample-metric strong{font-size:28px;line-height:1.25;letter-spacing:-.04em;display:block}body.roadkit-site .sample-link{display:block;color:var(--accent);font-size:13px;margin-top:22px;min-height:32px}body.roadkit-site .sample-metric{min-width:0}body.roadkit-site .collection{padding-block:80px}body.roadkit-site .collection-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}body.roadkit-site .collection-intro h2{max-width:660px;font-size:clamp(30px,3.2vw,44px)}body.roadkit-site .collection-intro p{font-size:14px;color:var(--muted);max-width:270px}body.roadkit-site .collection-link{display:inline-flex;margin-top:30px;min-height:44px;align-items:center;color:var(--accent);font-weight:600}body.roadkit-site .tool-card{box-shadow:none!important;transform:none!important;transition:background .15s,border-color .15s;border-radius:0;min-height:0;padding:28px;background:var(--paper);gap:0;color:var(--ink)}body.roadkit-site .tool-card:hover{background:var(--soft);border-color:var(--accent);color:var(--ink)}body.roadkit-site .tool-card .tool-name{font-size:23px;line-height:1.18}body.roadkit-site .tool-card .tool-desc{font-size:14px}body.roadkit-site .tool-category{padding:0;margin:0;font-size:10px;color:var(--muted);letter-spacing:.12em}body.roadkit-site .tool-arrow{line-height:1;font-size:24px;align-self:start}body.roadkit-site .tool-number{font:12px ui-monospace,monospace}body.roadkit-site .card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:28px}body.roadkit-site .approach-band{border-top:1px solid var(--ink);padding-block:56px 72px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px 70px}body.roadkit-site .approach-band>.eyebrow{grid-column:1/-1}body.roadkit-site .approach-band h2{font-size:36px}body.roadkit-site .approach-band p{color:var(--muted)}body.roadkit-site .approach-band a{color:var(--accent);display:block;min-height:44px}body.roadkit-site .approach-band div>span{font-size:12px;color:var(--muted)}body.roadkit-site .page-hero{border-bottom:1px solid var(--line);padding:46px 0}body.roadkit-site .page-hero h1{font-size:clamp(36px,4.4vw,64px);max-width:1050px}body.roadkit-site .page-reference{display:flex;gap:24px;align-items:center;font:11px/1.6 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}body.roadkit-site .page-reference a{color:var(--accent);min-height:30px;display:flex;align-items:center}body.roadkit-site .form-panel,body.roadkit-site .result{box-shadow:none;border-radius:0;transform:none;background:var(--paper);padding:32px}body.roadkit-site .result .actions{margin-top:28px}body.roadkit-site .workbench{gap:36px}body.roadkit-site .prose,body.roadkit-site .tool-documentation{max-width:850px}body.roadkit-site .prose .read-section h2,body.roadkit-site .tool-documentation h2{font-size:28px}body.roadkit-site .search-bar{border-radius:0;box-shadow:none}body.roadkit-site .site-footer{padding:46px 0 20px;background:var(--paper);border-top:1px solid var(--ink)}body.roadkit-site .footer-main{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:40px;padding-block:35px}body.roadkit-site .footer-main h2{font-size:28px;margin-top:24px;max-width:320px}body.roadkit-site .footer-contact{display:flex;flex-direction:column;font-size:14px;gap:6px;overflow-wrap:anywhere}body.roadkit-site .footer-contact a{min-height:30px}body.roadkit-site .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px;font-size:13px}body.roadkit-site .footer-links a{min-height:36px;display:flex;align-items:center}body.roadkit-site .footer-byline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}body.roadkit-site .result-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}body.roadkit-site .example{border-radius:0}body.roadkit-site .print-label{display:none}
/* 01 — a road ribbon, followed by a cost ledger rather than cards. */
body.skin-ribbon{--display:Georgia,'Times New Roman',serif}body.skin-ribbon .site-header{border-bottom:2px solid var(--accent)}body.skin-ribbon .brand{font-family:Georgia,serif}body.skin-ribbon .ribbon-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;min-height:565px;padding-block:70px}body.skin-ribbon .ribbon-diagram{position:relative;height:360px;overflow:hidden;color:var(--accent)}body.skin-ribbon .road-map{width:100%;height:100%;position:absolute;inset:0}body.skin-ribbon .ribbon-note{position:absolute;left:32px;top:25px;display:flex;flex-direction:column;color:var(--ink)}body.skin-ribbon .ribbon-note b{font:44px/1.2 Georgia,serif;margin-block:12px}body.skin-ribbon .ribbon-note span{font:10px/1.6 ui-monospace,monospace;max-width:170px}body.skin-ribbon .ribbon-sample{background:var(--paper);border-block:1px solid var(--line)}body.skin-ribbon .ribbon-sample>.wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;padding-block:30px;align-items:center}body.skin-ribbon .ribbon-sample .sample-link{grid-column:2/-1;margin-top:0}body.skin-ribbon .tool-list{display:block;border-top:2px solid var(--ink)}body.skin-ribbon .tool-card{display:grid;grid-template-columns:60px 1fr 30px;border:0;border-bottom:1px solid var(--line);padding:26px 8px;gap:24px;background:transparent}body.skin-ribbon .tool-card>div{display:grid;grid-template-columns:150px 1fr;gap:8px 20px}body.skin-ribbon .tool-desc{grid-column:2}body.skin-ribbon .tool-name{margin:0;font-size:28px}body.skin-ribbon .tool-category{align-self:center}body.skin-ribbon .footer-route{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0 35px}body.skin-ribbon .footer-route span{font:10px ui-monospace,monospace}body.skin-ribbon .footer-route i{height:1px;background:var(--accent);flex:1}body.skin-ribbon .footer-route strong{font:26px Georgia,serif}body.skin-ribbon .workbench{grid-template-columns:1fr;max-width:1050px}body.skin-ribbon .form-panel{border:0;border-top:3px solid var(--accent);padding:28px 0;background:transparent}body.skin-ribbon .result{border:1px solid var(--line);border-left:8px solid var(--accent)}body.skin-ribbon .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}body.skin-ribbon .metric strong{font-family:Georgia,serif;font-weight:400}
/* 02 — expedition file with tabs and a ruled field notebook. */
body.skin-field{--display:'Trebuchet MS',Arial,sans-serif}body.skin-field .header-inner{min-height:110px}body.skin-field .field-brand{display:flex;flex-direction:column;gap:6px}body.skin-field .brand{letter-spacing:.01em;text-transform:uppercase;font-size:20px}body.skin-field .brand-symbol{width:43px}body.skin-field .header-note{padding-left:53px}body.skin-field .field-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;padding-block:70px}body.skin-field h1{font-size:clamp(46px,5vw,72px);text-transform:uppercase;font-weight:800;letter-spacing:-.045em}body.skin-field .button,body.skin-field button{border-radius:0}body.skin-field .primary{clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}body.skin-field .field-dossier{border:1px solid var(--ink);background:var(--paper);padding:30px;position:relative;margin-top:15px}body.skin-field .dossier-pin{position:absolute;top:-17px;left:calc(50% - 38px);width:76px;height:28px;background:var(--soft);border:1px solid var(--line)}body.skin-field .dossier-heading{display:flex;justify-content:space-between;align-items:center;font:11px ui-monospace,monospace;border-bottom:1px solid var(--ink);padding-bottom:18px}body.skin-field .dossier-heading strong{font-size:32px;color:var(--accent)}body.skin-field .field-mountains{height:120px;display:flex;justify-content:center;align-items:end;overflow:hidden;margin-top:12px}body.skin-field .field-mountains i{width:150px;height:100px;background:var(--soft);clip-path:polygon(50% 0,100% 100%,0 100%);margin-inline:-20px}body.skin-field .field-mountains i:nth-child(2){height:118px;background:var(--accent);width:180px}body.skin-field .field-dossier>p{font:10px ui-monospace,monospace;text-align:center;letter-spacing:.14em;margin:10px 0 25px}body.skin-field .sample-metric{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--line);padding:10px 0;gap:15px}body.skin-field .sample-metric strong{font-size:23px}body.skin-field .sample-label{margin-bottom:10px}body.skin-field .field-band{display:flex;justify-content:space-between;border-block:1px solid var(--ink);padding-block:18px;gap:10px;font:12px ui-monospace,monospace;letter-spacing:.1em}body.skin-field .tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body.skin-field .tool-card{padding-top:50px;position:relative;border:1px solid var(--ink);min-height:260px;background:var(--paper)}body.skin-field .field-tab{font:10px ui-monospace,monospace;position:absolute;top:0;left:0;padding:6px 12px;background:var(--accent);color:var(--accent-ink)}body.skin-field .tool-name{text-transform:uppercase;font-weight:750;font-size:21px}body.skin-field .footer-stamp{font:12px ui-monospace,monospace;display:inline-block;border:2px solid var(--accent);padding:10px 20px;color:var(--accent)}body.skin-field .workbench{grid-template-columns:1.2fr .8fr}body.skin-field .form-panel{border:1px solid var(--ink);border-top:10px solid var(--accent)}body.skin-field .result{border:0;background:repeating-linear-gradient(transparent,transparent 39px,var(--line) 40px);padding:26px 0}body.skin-field .result-rows{display:block}
/* 03 — linked stations, not dashboard tiles. */
body.skin-network .header-inner{min-height:84px}body.skin-network .brand-symbol{border:1px solid var(--accent);border-radius:50%;padding:4px}body.skin-network .network-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding-block:70px 45px}body.skin-network h1{font-size:clamp(46px,5.1vw,72px);font-weight:600}body.skin-network .button,body.skin-network button{border-radius:28px}body.skin-network .route-network{height:400px;position:relative}body.skin-network .network-line{position:absolute;border:12px solid var(--accent);border-radius:44px;width:65%;height:66%;left:10%;top:15%}body.skin-network .line-b{border-color:var(--muted);width:50%;height:46%;top:31%;left:40%;border-width:6px;opacity:.8}body.skin-network .station{position:absolute;display:flex;align-items:center;gap:10px;font:11px ui-monospace,monospace;z-index:1;background:var(--bg);padding:5px}body.skin-network .station i{width:23px;height:23px;border-radius:50%;background:var(--paper);border:5px solid var(--accent)}body.skin-network .s1{left:2%;top:12%}body.skin-network .s2{left:61%;top:13%}body.skin-network .s3{left:12%;top:72%}body.skin-network .s4{left:64%;top:70%}body.skin-network .network-key{position:absolute;top:43%;left:24%;width:56%;font:11px/1.8 ui-monospace,monospace;color:var(--muted)}body.skin-network .network-sample{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px 25px;border-block:1px solid var(--line);padding-block:25px}body.skin-network .network-sample .sample-label{grid-column:1/-1}body.skin-network .sample-link{grid-column:1/-1;margin:0}body.skin-network .tool-list{display:block;margin-left:17px;border-left:7px solid var(--accent)}body.skin-network .tool-card{display:grid;grid-template-columns:44px minmax(0,1fr) 100px 25px;gap:20px;border:0;background:transparent;border-bottom:1px solid var(--line);position:relative;padding:30px 20px 30px 35px}body.skin-network .network-node{position:absolute;left:-19px;top:36px;width:30px;height:30px;background:var(--paper);border:6px solid var(--accent);border-radius:50%}body.skin-network .tool-category{align-self:start;padding-top:5px}body.skin-network .tool-number{padding-top:8px}body.skin-network .footer-network-title{font-size:56px;padding-bottom:28px;border-bottom:1px solid var(--line)}body.skin-network .workbench{grid-template-columns:.9fr 1.1fr}body.skin-network .form-panel{border:0;border-left:6px solid var(--accent);background:transparent}body.skin-network .result{border:2px solid var(--accent);border-radius:24px 24px 24px 0}body.skin-network .fields{grid-template-columns:1fr}body.skin-network .metric{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}body.skin-network .metric strong{text-align:right;font-size:30px}
/* 04 — instrument panel, neutral controls, dial-led first screen. */
body.skin-gauges .header-note{max-width:125px}body.skin-gauges .gauge-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;padding-block:75px}body.skin-gauges h1{font-size:clamp(46px,5.2vw,74px);letter-spacing:-.05em}body.skin-gauges .instrument-cluster{background:var(--paper);border-radius:100px 100px 18px 18px;border:1px solid var(--line);padding:30px;text-align:center}body.skin-gauges .cluster-heading{font:10px ui-monospace,monospace;letter-spacing:.1em;margin-top:5px;color:var(--muted)}body.skin-gauges .large-gauge{position:relative;border:16px solid var(--soft);border-bottom-color:transparent;border-radius:50%;aspect-ratio:1;width:300px;max-width:100%;margin:30px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center}body.skin-gauges .gauge-ticks{position:absolute;inset:-16px;border:3px dashed var(--accent);border-bottom-color:transparent;border-radius:50%}body.skin-gauges .large-gauge strong{font:700 40px/1.2 system-ui;letter-spacing:-.06em}body.skin-gauges .large-gauge span{font-size:12px;color:var(--muted);margin-top:12px}body.skin-gauges .large-gauge small{font:8px ui-monospace,monospace;margin-top:20px;letter-spacing:.07em}body.skin-gauges .cluster-bottom{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);margin-top:-5px;padding:18px 0;gap:20px;font-size:22px;font-weight:650}body.skin-gauges .cluster-bottom small{display:block;font-size:11px;font-weight:400}body.skin-gauges .instrument-cluster>a{display:block;font-size:13px;color:var(--accent);padding-top:18px}body.skin-gauges .tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body.skin-gauges .tool-card{border-radius:14px;padding:25px;min-height:320px}body.skin-gauges .mini-gauge{width:56px;height:30px;border:6px solid var(--accent);border-bottom:0;border-radius:40px 40px 0 0;margin-bottom:20px}body.skin-gauges .tool-category{margin-bottom:12px}body.skin-gauges .site-footer{background:var(--soft)}body.skin-gauges .workbench{grid-template-columns:1fr 1fr;background:var(--soft);padding:30px;margin-block:35px;border-radius:22px}body.skin-gauges .form-panel{border:0;background:transparent;padding:15px}body.skin-gauges .result{border-radius:90px 90px 12px 12px;text-align:center;padding-top:45px}body.skin-gauges .metric{padding:24px 0}body.skin-gauges .metric strong{font-size:42px}body.skin-gauges .result-rows{text-align:left}body.skin-gauges .result .actions{justify-content:center}
/* 05 — oversized outing poster with perforated tickets. */
body.skin-postcards{--display:'Trebuchet MS',Arial,sans-serif}body.skin-postcards .brand-symbol{width:43px;height:43px}body.skin-postcards .brand{font-weight:800}body.skin-postcards .postcard-hero{padding-block:32px 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px 70px}body.skin-postcards .outing-banner{grid-column:1/-1;border-block:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:12px 0;font:11px ui-monospace,monospace;letter-spacing:.16em}body.skin-postcards .outing-banner>span:last-child{font-size:24px;color:var(--accent)}body.skin-postcards h1{font-size:clamp(48px,5.8vw,84px);font-weight:800}body.skin-postcards .postcard-copy{padding-block:30px}body.skin-postcards .postcard-copy>.eyebrow{display:none}body.skin-postcards .button,body.skin-postcards button{border-radius:24px}body.skin-postcards .outing-board{position:relative;padding-top:20px;display:flex;flex-direction:column}body.skin-postcards .outing-message{font-size:43px;line-height:1.05;font-weight:800;padding:35px 30px 40px;border:2px solid var(--ink);border-radius:38px 38px 0 38px;background:var(--paper);max-width:380px}body.skin-postcards .outing-sun{position:absolute;right:-5px;top:-10px;font-size:80px;line-height:1;color:var(--accent)}body.skin-postcards .outing-ticket{padding:25px;background:var(--soft);border:1px dashed var(--ink);border-radius:0 0 18px 18px;margin-left:35px;margin-top:25px}body.skin-postcards .outing-ticket .sample-metric{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:6px 0}body.skin-postcards .sample-metric strong{font-size:22px}body.skin-postcards .tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}body.skin-postcards .tool-card{border:1px dashed var(--muted);border-radius:0 24px 0 24px;padding:25px;min-height:305px}body.skin-postcards .tool-card:nth-child(3n+2){background:var(--soft)}body.skin-postcards .postmark{border:1px solid var(--accent);border-radius:50%;width:65px;height:65px;color:var(--accent);font:9px/1.5 ui-monospace,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px}body.skin-postcards .postmark .tool-number{color:var(--accent);font-size:18px}body.skin-postcards .site-footer{text-align:center;border-top:2px solid var(--ink)}body.skin-postcards .footer-sun{font-size:60px;color:var(--accent)}body.skin-postcards .site-footer>.wrap>h2{font-size:48px}body.skin-postcards .footer-main{text-align:left}body.skin-postcards .workbench{grid-template-columns:1fr;max-width:960px}body.skin-postcards .form-panel{border-radius:28px 28px 0 0;border:1px solid var(--ink)}body.skin-postcards .result{border:2px dashed var(--accent);border-radius:0 0 28px 28px;background:var(--soft)}body.skin-postcards .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
/* 06 — lodge joinery and cupboard doors. */
body.skin-lodge{--display:Georgia,serif}body.skin-lodge .site-header{background:var(--bg)}body.skin-lodge .brand{font-family:Georgia,serif;font-size:25px}body.skin-lodge .brand-symbol{width:35px;height:35px}body.skin-lodge .lodge-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center;padding-block:80px}body.skin-lodge h1{font-size:clamp(46px,5.3vw,76px);font-weight:400;line-height:1.08}body.skin-lodge .button,body.skin-lodge button{border-radius:28px;font-weight:500}body.skin-lodge .nest-elevation{position:relative;padding-top:62px}body.skin-lodge .nest-roof{position:absolute;top:0;left:0;right:0;height:80px;background:var(--soft);clip-path:polygon(50% 0,100% 100%,0 100%)}body.skin-lodge .nest-window{border:1px solid var(--accent);padding:30px;background:var(--paper);border-radius:100px 100px 0 0;position:relative;text-align:center}body.skin-lodge .nest-window .eyebrow{font-size:8px;letter-spacing:.1em;margin-top:12px}body.skin-lodge .sleep-plan{display:flex;border:1px solid var(--accent);padding:8px;gap:8px;width:90%;height:105px;margin:20px auto 25px;background:var(--soft)}body.skin-lodge .sleep-plan span{flex:1;position:relative;border:1px solid var(--line);background:var(--paper)}body.skin-lodge .sleep-plan span:before{content:'';position:absolute;top:5px;left:7px;right:7px;height:20px;border:1px solid var(--line);border-radius:6px}body.skin-lodge .sample-metric{padding:8px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}body.skin-lodge .sample-metric strong{font:24px Georgia,serif;flex:none}body.skin-lodge .nest-sill{display:block;padding:12px 0;text-align:center;font:8px ui-monospace,monospace;letter-spacing:.05em}body.skin-lodge .tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:8px solid var(--soft);outline:1px solid var(--line)}body.skin-lodge .tool-card{min-height:260px;border:1px solid var(--line);padding:30px 38px 30px 25px;background:var(--paper);position:relative}body.skin-lodge .tool-card:nth-child(even){background:var(--soft)}body.skin-lodge .cupboard-knob{width:8px;height:8px;border-radius:50%;background:var(--accent);position:absolute;right:17px;top:50%}body.skin-lodge .tool-number{margin-bottom:25px}body.skin-lodge .tool-card .tool-name{font-size:27px;font-weight:400}body.skin-lodge .tool-category{margin-top:auto;padding-top:22px}body.skin-lodge .tool-arrow{position:absolute;right:15px;bottom:20px;font-size:18px}body.skin-lodge .site-footer{text-align:center;background:var(--bg)}body.skin-lodge .lodge-sign svg{width:60px;height:60px;color:var(--accent)}body.skin-lodge .lodge-sign h2{font-size:38px;max-width:600px;margin:20px auto}body.skin-lodge .lodge-sign p{color:var(--muted)}body.skin-lodge .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 24px;margin:30px auto;max-width:750px}body.skin-lodge .footer-contact{align-items:center}body.skin-lodge .workbench{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--accent);padding:0;margin-block:48px;background:var(--paper)}body.skin-lodge .form-panel{border:0;border-right:1px solid var(--line);background:var(--bg)}body.skin-lodge .result{border:0;padding-top:40px}body.skin-lodge .fields{grid-template-columns:1fr}body.skin-lodge .metric strong{font-family:Georgia,serif;font-weight:400}body.skin-lodge .result-rows{display:block}
/* 07 — energy orbits and an uninterrupted horizontal flow. */
body.skin-orbit .header-inner{min-height:90px}body.skin-orbit .brand-symbol{width:44px;height:44px}body.skin-orbit .orbit-hero{padding:75px 0 30px;background:radial-gradient(ellipse at 80% 20%,var(--soft),transparent 62%);border-bottom:1px solid var(--line)}body.skin-orbit .orbit-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}body.skin-orbit h1{font-weight:550;font-size:clamp(48px,5.6vw,80px);letter-spacing:-.065em}body.skin-orbit .button,body.skin-orbit button{border-radius:30px}body.skin-orbit .energy-orbit{position:relative;height:390px;display:grid;place-items:center}body.skin-orbit .orbit-ring{position:absolute;inset:30px 25px;border:1px solid var(--accent);border-radius:50%;transform:rotate(-25deg)}body.skin-orbit .r2{inset:85px -5px;transform:rotate(-25deg)}body.skin-orbit .energy-core{text-align:center;background:var(--paper);border:1px solid var(--line);width:255px;height:255px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}body.skin-orbit .energy-core>span{font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:.04em}body.skin-orbit .energy-core b{font:600 47px system-ui;color:var(--accent);letter-spacing:-.07em;margin:15px 0}body.skin-orbit .energy-core small{font-size:15px;color:var(--accent)}body.skin-orbit .orbit-dot{position:absolute;width:15px;height:15px;background:var(--accent);border-radius:50%;z-index:2}body.skin-orbit .d1{left:15%;top:24%}body.skin-orbit .d2{right:8%;bottom:30%}body.skin-orbit .energy-flow{display:flex;align-items:center;justify-content:space-between;margin-top:55px;border-top:1px solid var(--line);padding-top:24px;font:11px ui-monospace,monospace;letter-spacing:.05em;gap:15px}body.skin-orbit .energy-flow i{color:var(--accent);font-size:25px}body.skin-orbit .orbit-sample{padding-block:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}body.skin-orbit .orbit-sample .sample-label,body.skin-orbit .orbit-sample .sample-link{grid-column:1/-1}body.skin-orbit .orbit-sample .sample-link{margin:0}body.skin-orbit .tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}body.skin-orbit .tool-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px;min-height:330px;background:transparent}body.skin-orbit .orbital-index{border:1px solid var(--accent);width:55px;height:55px;border-radius:50%;display:grid;place-items:center;margin-bottom:25px;align-self:start}body.skin-orbit .orbital-index .tool-number{color:var(--accent);font-size:18px}body.skin-orbit .footer-orbit{display:flex;align-items:center;gap:25px;padding:0 0 30px;border-bottom:1px solid var(--line)}body.skin-orbit .footer-orbit>span{font-size:100px;line-height:1;color:var(--accent)}body.skin-orbit .footer-orbit h2{font-weight:450;margin:0;font-size:44px}body.skin-orbit .workbench{display:block;max-width:1050px}body.skin-orbit .form-panel{border:0;border-radius:28px;background:var(--soft);margin-bottom:36px}body.skin-orbit .result{border:1px solid var(--accent);border-radius:0 0 70px 0}body.skin-orbit .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}body.skin-orbit .metric strong{font-weight:500}
/* 08 — transport counter and departure board. */
body.skin-departures .site-header{border-bottom:5px solid var(--accent)}body.skin-departures .header-note{max-width:135px}body.skin-departures .brand{font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:-.035em}body.skin-departures .departure-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;padding-block:70px}body.skin-departures h1{font-size:clamp(46px,5vw,72px);font-weight:700}body.skin-departures .departure-board{border:1px solid var(--ink);background:var(--paper);font-family:ui-monospace,monospace}body.skin-departures .departure-board-title{background:var(--accent);color:var(--accent-ink);display:flex;justify-content:space-between;gap:15px;padding:15px;font-size:10px}body.skin-departures .departure-columns{display:grid;grid-template-columns:40px 1fr 115px;gap:15px;font-size:9px;padding:18px 20px;color:var(--muted);border-bottom:1px solid var(--line)}body.skin-departures .departure-columns span:last-child{text-align:right}body.skin-departures .departure-row{display:grid;grid-template-columns:40px 1fr 115px;gap:15px;padding:22px 20px;border-bottom:1px solid var(--line);align-items:center}body.skin-departures .departure-row>b{color:var(--muted);font-size:13px}body.skin-departures .departure-row div>span{display:block;font-size:10px;color:var(--accent);margin-bottom:7px}body.skin-departures .departure-row strong{display:block;font-size:16px;line-height:1.4;font-weight:500}body.skin-departures .departure-row time{font-size:20px;text-align:right;line-height:1.3}body.skin-departures .departure-board>a{display:block;padding:20px;font-size:12px;color:var(--accent)}body.skin-departures .departure-strip{background:var(--soft);border-block:1px solid var(--line)}body.skin-departures .departure-strip>.wrap{display:flex;gap:35px;padding-block:18px;font:11px ui-monospace,monospace}body.skin-departures .departure-strip strong{margin-left:auto}body.skin-departures .tool-list{display:block;border-top:1px solid var(--ink)}body.skin-departures .tool-card{display:grid;grid-template-columns:50px 100px 1fr 90px;gap:22px;align-items:start;border:0;border-bottom:1px solid var(--line);background:transparent;padding:26px 10px}body.skin-departures .tool-number,body.skin-departures .tool-category{padding-top:5px}body.skin-departures .tool-card .tool-name{font-size:24px;font-weight:550}body.skin-departures .departure-action{font:10px ui-monospace,monospace;display:flex;gap:15px;align-items:center;color:var(--accent);padding-top:4px}body.skin-departures .footer-departure{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:30px}body.skin-departures .footer-departure span{font:10px/1.6 ui-monospace,monospace;max-width:130px}body.skin-departures .footer-departure h2{font-size:34px;margin:0;max-width:500px}body.skin-departures .workbench{grid-template-columns:1fr 1fr;gap:25px}body.skin-departures .form-panel{border:0;border-top:5px solid var(--accent);background:transparent;padding-inline:0}body.skin-departures .result{border:1px solid var(--ink);padding-top:0}body.skin-departures .result-kicker{background:var(--accent);color:var(--accent-ink);margin:0 -32px 30px;padding:15px 32px}body.skin-departures .metric{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}body.skin-departures .metric strong{font-family:ui-monospace,monospace;font-size:28px;text-align:right}body.skin-departures .fields{grid-template-columns:1fr}
/* 09 — atlas plates, topographic contour illustration and colophon. */
body.skin-atlas{--display:Georgia,'Times New Roman',serif}body.skin-atlas .header-inner{flex-direction:column;gap:10px;padding-block:25px 8px;min-height:0}body.skin-atlas .atlas-mast{display:flex;flex-direction:column;align-items:center;gap:10px}body.skin-atlas .brand{font-family:Georgia,serif;font-weight:500;font-size:30px}body.skin-atlas .brand-symbol{display:none}body.skin-atlas .site-nav{border-top:1px solid var(--line);padding-top:10px;justify-content:center;width:100%}body.skin-atlas .atlas-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:70px 50px}body.skin-atlas h1{font-size:clamp(46px,5vw,70px);font-weight:400;letter-spacing:-.06em;line-height:1.08}body.skin-atlas .atlas-map{margin:0;border:1px solid var(--accent);position:relative;background:var(--paper);padding:15px}body.skin-atlas .contour-map{display:block;width:100%;height:auto;color:var(--muted)}body.skin-atlas .compass{position:absolute;right:35px;top:26px;color:var(--accent);font:14px/1.4 Georgia,serif;text-align:center}body.skin-atlas figcaption{display:flex;justify-content:space-between;gap:20px;font:8px/1.8 ui-monospace,monospace;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}body.skin-atlas .atlas-sample{border-block:1px solid var(--ink);padding-block:26px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px 30px}body.skin-atlas .atlas-sample>.sample-label,body.skin-atlas .atlas-sample>.sample-link{grid-column:1/-1}body.skin-atlas .atlas-sample>.sample-link{margin:0}body.skin-atlas .sample-metric strong{font-family:Georgia,serif;font-weight:400}body.skin-atlas .tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 60px}body.skin-atlas .tool-card{border:0;border-top:1px solid var(--ink);background:transparent;padding:24px 0 35px;position:relative}body.skin-atlas .map-coordinate{font:10px ui-monospace,monospace;color:var(--accent);margin-bottom:28px;letter-spacing:.08em}body.skin-atlas .tool-card .tool-name{font:400 32px/1.15 Georgia,serif;max-width:380px}body.skin-atlas .tool-desc{padding-right:30px}body.skin-atlas .tool-arrow{position:absolute;bottom:0;right:0}body.skin-atlas .atlas-colophon{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:35px}body.skin-atlas .atlas-colophon>span{font:10px ui-monospace,monospace;color:var(--muted)}body.skin-atlas .atlas-colophon h2{font-size:34px;font-weight:400;margin:0}body.skin-atlas .atlas-colophon .brand{font-size:22px}body.skin-atlas .footer-main{grid-template-columns:1fr 2fr}body.skin-atlas .workbench{grid-template-columns:1.1fr 1fr;gap:60px}body.skin-atlas .form-panel{padding:25px 0;border:0;background:transparent;border-top:1px solid var(--ink)}body.skin-atlas .result{border:1px solid var(--accent);outline:1px solid var(--line);outline-offset:6px}body.skin-atlas .result .metric strong{font-family:Georgia,serif;font-weight:400;font-size:38px}
/* 10 — workshop work orders, hard rules, tabular records. */
body.skin-workshop{--display:'Arial',sans-serif}body.skin-workshop .site-header{border-bottom:3px solid var(--ink)}body.skin-workshop .brand{font-weight:850;text-transform:uppercase;font-size:21px;letter-spacing:.015em}body.skin-workshop .brand-symbol{background:var(--accent);color:var(--accent-ink);padding:5px}body.skin-workshop .workshop-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;padding-block:65px;align-items:center}body.skin-workshop h1{font-size:clamp(48px,5.7vw,82px);text-transform:uppercase;font-weight:850;letter-spacing:-.06em}body.skin-workshop .button,body.skin-workshop button{border-radius:0;border:2px solid var(--ink);font-weight:700}body.skin-workshop .primary{border-color:var(--accent)}body.skin-workshop .job-sheet{background:var(--paper);border:2px solid var(--ink);padding:25px;position:relative}body.skin-workshop .job-sheet:before{content:'';position:absolute;left:12px;top:12px;right:12px;bottom:12px;border:1px solid var(--line);pointer-events:none}body.skin-workshop .job-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:2px solid var(--ink);font:11px ui-monospace,monospace}body.skin-workshop .job-top b{font-size:22px;color:var(--accent)}body.skin-workshop .odometer{border-bottom:1px solid var(--line);padding:25px 0;display:flex;flex-direction:column;gap:12px}body.skin-workshop .odometer span{font:9px ui-monospace,monospace;color:var(--muted)}body.skin-workshop .odometer strong{font:600 30px ui-monospace,monospace;letter-spacing:.01em;color:var(--accent)}body.skin-workshop .sample-label{margin-top:20px}body.skin-workshop .sample-metric{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}body.skin-workshop .sample-metric strong{font:600 23px ui-monospace,monospace}body.skin-workshop .job-signoff{padding-top:14px;font:8px ui-monospace,monospace;color:var(--muted)}body.skin-workshop .tool-list{display:block;border:2px solid var(--ink)}body.skin-workshop .tool-card{display:grid;grid-template-columns:100px 1fr 110px 30px;gap:25px;border:0;border-bottom:1px solid var(--line);padding:25px;background:var(--paper)}body.skin-workshop .tool-card:last-child{border:0}body.skin-workshop .work-order{font:11px ui-monospace,monospace;padding:6px 8px;border:1px solid var(--ink);align-self:start;color:var(--accent)}body.skin-workshop .tool-card .tool-name{font-size:24px;font-weight:750;text-transform:uppercase}body.skin-workshop .tool-category{padding-top:8px}body.skin-workshop .site-footer{border-top:8px solid var(--accent)}body.skin-workshop .workshop-footer-label{font:11px ui-monospace,monospace;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:20px}body.skin-workshop .workbench{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-block:40px;padding:0;border:2px solid var(--ink)}body.skin-workshop .form-panel{border:0;border-right:2px solid var(--ink);padding:32px}body.skin-workshop .result{border:0;background:var(--soft)}body.skin-workshop .result-kicker{border-bottom:2px solid var(--ink);padding-bottom:20px}body.skin-workshop .metric{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.skin-workshop .metric strong{font:600 28px ui-monospace,monospace;text-align:right}body.skin-workshop input{border-radius:0}body.skin-workshop .result-rows{display:block}
/* 11 — a Swiss inventory, indexed rows and segmented packing modules. */
body.skin-inventory .header-inner{min-height:96px}body.skin-inventory .inventory-brand{display:flex;gap:26px;align-items:center}body.skin-inventory .header-index{font:12px ui-monospace,monospace;color:var(--accent);border-right:1px solid var(--line);padding-right:25px}body.skin-inventory .brand{font-weight:650;letter-spacing:-.05em;font-size:25px}body.skin-inventory .brand-symbol{display:none}body.skin-inventory .inventory-hero{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:70px}body.skin-inventory h1{font-size:clamp(48px,6.1vw,86px);font-weight:500;letter-spacing:-.075em}body.skin-inventory .inventory-hero-no{font:12px ui-monospace,monospace;color:var(--accent);display:block;margin-bottom:28px}body.skin-inventory .inventory-copy>.eyebrow{font-size:9px}body.skin-inventory .bag-inventory{position:relative;border:1px solid var(--ink);background:var(--paper);padding:25px;margin-top:25px}body.skin-inventory .bag-handle{position:absolute;top:-25px;left:calc(50% - 48px);width:96px;height:25px;border:1px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0}body.skin-inventory .inventory-label{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;font:9px/1.7 ui-monospace,monospace}body.skin-inventory .inventory-label span{color:var(--muted);max-width:100px}body.skin-inventory .packed-modules{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:170px;margin:22px 0}body.skin-inventory .packed-modules div{display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid var(--line);font:10px/2 ui-monospace,monospace;background:var(--soft)}body.skin-inventory .packed-modules div:first-child{grid-row:span 2;background:var(--accent);color:var(--accent-ink)}body.skin-inventory .bag-inventory .sample-metric{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:9px 0}body.skin-inventory .sample-metric strong{font-size:24px;font-weight:500}body.skin-inventory .tool-list{display:block;border-top:1px solid var(--ink)}body.skin-inventory .tool-card{display:grid;grid-template-columns:30px 40px 1fr 120px 30px;gap:25px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:30px 0}body.skin-inventory .inventory-check{font-size:26px;color:var(--accent);line-height:1}body.skin-inventory .tool-number,body.skin-inventory .tool-category{padding-top:6px}body.skin-inventory .tool-card .tool-name{font-size:27px;font-weight:500}body.skin-inventory .footer-inventory{display:flex;gap:50px;border-bottom:1px solid var(--ink);padding-bottom:35px}body.skin-inventory .footer-inventory>b{font:12px ui-monospace,monospace;color:var(--accent);padding-top:10px}body.skin-inventory .footer-inventory>h2{font-size:50px;font-weight:450;max-width:700px;margin:0}body.skin-inventory .workbench{grid-template-columns:1fr;max-width:1060px}body.skin-inventory .form-panel{border:0;background:transparent;padding:0}body.skin-inventory .form-panel h2{border-top:1px solid var(--ink);padding-top:25px}body.skin-inventory .fields{grid-template-columns:repeat(3,minmax(0,1fr))}body.skin-inventory .result{border:1px solid var(--ink);border-left:14px solid var(--accent)}body.skin-inventory .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}body.skin-inventory .metric strong{font-weight:500}
@media(min-width:1001px){body.skin-atlas .site-header .header-inner{width:min(1200px,calc(100% - 80px))}}
@media(max-width:1100px) and (min-width:851px){body.roadkit-site .header-note{display:none}body.roadkit-site .site-nav{gap:14px}body.roadkit-site .brand{font-size:20px}body.roadkit-site .wrap{width:calc(100% - 56px)}body.skin-field .field-hero,body.skin-lodge .lodge-hero,body.skin-inventory .inventory-hero{gap:40px}body.skin-departures .departure-hero{gap:30px}body.skin-workshop .workshop-hero{gap:35px}body.skin-network .network-hero{gap:30px}}
@media(max-width:850px){
 body.roadkit-site .wrap{width:calc(100% - 40px)}body.roadkit-site .header-inner{display:flex;flex-direction:row;flex-wrap:wrap;min-height:82px;gap:0;padding-block:16px;justify-content:space-between}body.roadkit-site .brand{font-size:21px}body.roadkit-site .brand-symbol{width:33px;height:33px}body.roadkit-site .header-note,body.roadkit-site .header-index{display:none}body.roadkit-site .field-brand,body.roadkit-site .atlas-mast{display:block}body.roadkit-site .menu-button{display:inline-flex;padding:9px 14px;min-height:44px;font-size:14px;gap:12px}body.roadkit-site .site-nav{display:none;width:100%;flex-basis:100%;padding:20px 0 0;gap:8px 20px;border:0;align-items:center;justify-content:flex-start}body.roadkit-site .site-nav.is-open{display:flex;flex-wrap:wrap}body.roadkit-site .site-nav>a{font-size:13px}body.roadkit-site .theme-picker{width:100%;padding-top:8px}body.roadkit-site .theme-picker select{width:100px}body.roadkit-site h1{font-size:46px;line-height:1.06;letter-spacing:-.05em}body.roadkit-site .lede{font-size:17px;line-height:1.7}body.roadkit-site .eyebrow{font-size:9px;margin-bottom:26px}body.roadkit-site .actions{gap:12px;margin-top:28px}body.roadkit-site .button{font-size:14px;padding:12px 18px}body.roadkit-site .collection{padding-block:55px}body.roadkit-site .collection-intro{display:block;margin-bottom:26px}body.roadkit-site .collection-intro h2{font-size:33px}body.roadkit-site .collection-intro p{max-width:none}body.roadkit-site .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body.roadkit-site .tool-card .tool-name{font-size:23px}body.roadkit-site .approach-band{display:block;padding-block:35px 48px}body.roadkit-site .approach-band h2{font-size:31px}body.roadkit-site .page-hero{padding:35px 0}body.roadkit-site .page-hero h1{font-size:38px;line-height:1.1}body.roadkit-site .page-reference{font-size:9px;gap:18px;flex-wrap:wrap;margin-bottom:20px}body.roadkit-site .workbench{display:grid;grid-template-columns:1fr;gap:24px;margin-block:0;padding-block:30px;border:0;border-radius:0;background:transparent}body.roadkit-site .form-panel,body.roadkit-site .result{padding:24px;margin:0;min-width:0;outline-offset:3px}body.roadkit-site .fields{grid-template-columns:1fr;gap:22px}body.roadkit-site .result .metrics{display:block}body.roadkit-site .result .metric{display:block}body.roadkit-site .result .metric strong{text-align:left;font-size:34px}body.roadkit-site .result-rows{grid-template-columns:1fr}body.roadkit-site .result .actions{gap:12px;justify-content:start}body.roadkit-site .search-bar{display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:15px}body.roadkit-site .section{padding-block:35px}body.roadkit-site .prose,body.roadkit-site .tool-documentation{margin-bottom:50px}body.roadkit-site .tool-documentation h2,body.roadkit-site .prose .read-section h2{font-size:26px}body.roadkit-site .site-map-columns{display:block}body.roadkit-site .footer-main{grid-template-columns:1fr 1fr;gap:30px;padding-block:26px}body.roadkit-site .footer-main>.footer-links{grid-column:1/-1}body.roadkit-site .footer-contact{font-size:12px}body.roadkit-site .footer-byline{flex-direction:column;gap:8px;font-size:11px}body.roadkit-site .site-footer{padding-top:32px}body.roadkit-site .footer-links{font-size:13px}body.roadkit-site .footer-main .brand{font-size:19px}body.roadkit-site .footer-main h2{font-size:26px}body.roadkit-site .sample-metric strong{overflow-wrap:anywhere}
 body.skin-ribbon .ribbon-hero{display:block;padding-block:45px 25px;min-height:0}body.skin-ribbon .ribbon-diagram{height:280px;margin-top:36px}body.skin-ribbon .ribbon-note{top:22px;left:18px}body.skin-ribbon .ribbon-note b{font-size:35px}body.skin-ribbon .ribbon-note span{font-size:8px;max-width:135px}body.skin-ribbon .ribbon-sample>.wrap{grid-template-columns:1fr;gap:18px;padding-block:26px}body.skin-ribbon .ribbon-sample .sample-link{grid-column:auto}body.skin-ribbon .ribbon-sample .sample-metric{display:flex;justify-content:space-between;align-items:center;gap:20px}body.skin-ribbon .ribbon-sample .sample-metric strong{font-size:25px}body.skin-ribbon .tool-card{grid-template-columns:30px 1fr 20px;gap:15px;padding-block:24px}body.skin-ribbon .tool-card>div{display:block}body.skin-ribbon .tool-category{display:block;margin-bottom:10px}body.skin-ribbon .tool-name{margin-bottom:12px}body.skin-ribbon .footer-route{flex-wrap:wrap;gap:15px}body.skin-ribbon .footer-route strong{font-size:25px;width:100%;order:-1}body.skin-ribbon .footer-route i{flex:1}body.skin-ribbon .form-panel{padding-inline:0}
 body.skin-field .field-hero{display:block;padding-block:45px 30px}body.skin-field .field-dossier{margin-top:65px;padding:26px}body.skin-field .field-band{font-size:9px;gap:5px;flex-wrap:wrap}body.skin-field .tool-list{gap:15px}body.skin-field .tool-card{padding:44px 20px 22px;min-height:290px}body.skin-field .tool-card .tool-name{font-size:21px}body.skin-field .tool-card .tool-desc{font-size:13px}body.skin-field .result{padding-inline:0}
 body.skin-network .network-hero{display:block;padding-block:44px 20px}body.skin-network .route-network{height:330px;margin-top:35px}body.skin-network .network-key{font-size:9px;top:45%}body.skin-network .station{font-size:9px;gap:5px}body.skin-network .s2{left:55%}body.skin-network .s4{left:57%}body.skin-network .network-sample{grid-template-columns:1fr;gap:18px}body.skin-network .network-sample .sample-label,body.skin-network .network-sample .sample-link{grid-column:auto}body.skin-network .network-sample .sample-metric{display:flex;justify-content:space-between;gap:15px;align-items:center}body.skin-network .sample-metric strong{font-size:24px}body.skin-network .tool-card{grid-template-columns:25px 1fr 20px;gap:12px;padding-left:24px;padding-right:5px}body.skin-network .tool-card .tool-category{grid-column:2;grid-row:2}body.skin-network .tool-card .tool-arrow{grid-column:3;grid-row:1}body.skin-network .tool-list{margin-left:12px;border-width:5px}body.skin-network .network-node{width:25px;height:25px;left:-15px;top:35px;border-width:5px}body.skin-network .footer-network-title{font-size:42px}body.skin-network .result{border-radius:22px 22px 22px 0}body.skin-network .form-panel{padding-left:20px;padding-right:0}
 body.skin-gauges .gauge-hero{display:block;padding-block:45px}body.skin-gauges .instrument-cluster{margin-top:45px;padding:24px;border-radius:80px 80px 12px 12px}body.skin-gauges .large-gauge{width:270px}body.skin-gauges .large-gauge strong{font-size:36px}body.skin-gauges .tool-card{padding:22px;min-height:310px}body.skin-gauges .result{border-radius:60px 60px 12px 12px;padding-top:38px}body.skin-gauges .metric{text-align:left}body.skin-gauges .form-panel{padding-inline:0}
 body.skin-postcards .postcard-hero{display:block;padding-block:20px 35px}body.skin-postcards .outing-banner{font-size:8px;letter-spacing:.09em}body.skin-postcards .postcard-copy{padding:35px 0 0}body.skin-postcards .outing-board{margin-top:45px}body.skin-postcards .outing-message{font-size:38px;max-width:290px;padding:28px 23px}body.skin-postcards .outing-sun{right:0;top:0;font-size:68px}body.skin-postcards .outing-ticket{margin-left:18px;padding:20px;margin-top:22px}body.skin-postcards .outing-ticket .sample-metric strong{font-size:21px}body.skin-postcards .outing-ticket .sample-metric span{font-size:12px}body.skin-postcards .tool-card{min-height:300px;padding:20px}body.skin-postcards .postmark{width:55px;height:55px;margin-bottom:22px}body.skin-postcards .site-footer>.wrap>h2{font-size:36px}
 body.skin-lodge .lodge-hero{display:block;padding-block:45px 20px}body.skin-lodge .nest-elevation{margin:45px 8px 0}body.skin-lodge .nest-window{padding:26px 22px}body.skin-lodge .tool-list{gap:6px;border-width:6px}body.skin-lodge .tool-card{padding:22px 24px 28px 16px;min-height:275px}body.skin-lodge .tool-card .tool-name{font-size:25px}body.skin-lodge .tool-card .tool-desc{font-size:13px}body.skin-lodge .cupboard-knob{right:10px;width:6px;height:6px}body.skin-lodge .tool-number{margin-bottom:20px}body.skin-lodge .lodge-sign h2{font-size:33px}body.skin-lodge .form-panel{border:1px solid var(--line)}body.skin-lodge .result{border:1px solid var(--accent)}
 body.skin-orbit .orbit-hero{padding-block:45px 25px}body.skin-orbit .orbit-grid{display:block}body.skin-orbit .energy-orbit{height:335px;margin-top:35px}body.skin-orbit .energy-core{width:220px;height:220px}body.skin-orbit .energy-core b{font-size:43px}body.skin-orbit .orbit-ring.r1{inset:25px 20px}body.skin-orbit .orbit-ring.r2{inset:80px 0}body.skin-orbit .energy-flow{margin-top:20px;gap:8px;font-size:8px;letter-spacing:0}body.skin-orbit .energy-flow i{font-size:18px}body.skin-orbit .orbit-sample{grid-template-columns:1fr;gap:18px}body.skin-orbit .orbit-sample .sample-label,body.skin-orbit .orbit-sample .sample-link{grid-column:auto}body.skin-orbit .orbit-sample .sample-metric{display:flex;justify-content:space-between;align-items:center;gap:15px}body.skin-orbit .orbit-sample .sample-metric strong{font-size:25px}body.skin-orbit .tool-card{min-height:310px;padding:22px}body.skin-orbit .orbital-index{width:45px;height:45px;margin-bottom:22px}body.skin-orbit .footer-orbit{gap:18px}body.skin-orbit .footer-orbit h2{font-size:31px}body.skin-orbit .footer-orbit>span{font-size:70px}
 body.skin-departures .departure-hero{display:block;padding-block:42px}body.skin-departures .departure-board{margin-top:40px}body.skin-departures .departure-board-title{font-size:8px;padding:13px;gap:10px}body.skin-departures .departure-columns{grid-template-columns:25px 1fr 80px;gap:10px;padding:15px;font-size:8px}body.skin-departures .departure-row{grid-template-columns:25px 1fr 80px;gap:10px;padding:18px 15px}body.skin-departures .departure-row strong{font-size:13px}body.skin-departures .departure-row time{font-size:17px}body.skin-departures .departure-row div>span{font-size:9px}body.skin-departures .departure-strip>.wrap{gap:17px;flex-wrap:wrap;font-size:9px}body.skin-departures .departure-strip strong{margin:0;width:100%;font-weight:400;color:var(--muted)}body.skin-departures .tool-card{grid-template-columns:26px 1fr;gap:10px 18px;padding:22px 0}body.skin-departures .tool-card .tool-category{grid-row:1;grid-column:2}body.skin-departures .tool-card>div{grid-column:2}body.skin-departures .departure-action{grid-column:2}body.skin-departures .footer-departure{display:block}body.skin-departures .footer-departure h2{font-size:31px;margin:20px 0}body.skin-departures .footer-departure>span{font-size:9px}body.skin-departures .form-panel{padding-inline:0}body.skin-departures .result{padding-top:0}body.skin-departures .result-kicker{margin:0 -24px 25px;padding:15px 24px}
 body.skin-atlas .brand{font-size:24px}body.skin-atlas .atlas-hero{display:block;padding-block:45px 30px}body.skin-atlas .atlas-map{margin-top:40px;padding:12px}body.skin-atlas figcaption{font-size:7px;gap:8px}body.skin-atlas .atlas-sample{grid-template-columns:1fr;gap:17px}body.skin-atlas .atlas-sample .sample-label,body.skin-atlas .atlas-sample .sample-link{grid-column:auto}body.skin-atlas .atlas-sample .sample-metric{display:flex;justify-content:space-between;gap:15px;align-items:center}body.skin-atlas .atlas-sample .sample-metric strong{font-size:26px}body.skin-atlas .tool-list{grid-template-columns:1fr;gap:28px}body.skin-atlas .tool-card{padding-bottom:28px}body.skin-atlas .tool-card .tool-name{font-size:31px}body.skin-atlas .map-coordinate{font-size:9px;margin-bottom:22px}body.skin-atlas .atlas-colophon{display:block}body.skin-atlas .atlas-colophon h2{font-size:34px;margin:20px 0}body.skin-atlas .footer-main{display:block}body.skin-atlas .footer-links{margin-top:25px}body.skin-atlas .form-panel{padding-inline:0}
 body.skin-workshop .brand{font-size:18px}body.skin-workshop .workshop-hero{display:block;padding-block:44px}body.skin-workshop .job-sheet{margin-top:45px;padding:25px}body.skin-workshop .job-top{font-size:9px}body.skin-workshop .odometer strong{font-size:26px}body.skin-workshop .sample-metric strong{font-size:21px}body.skin-workshop .sample-metric span{font-size:12px}body.skin-workshop .tool-card{grid-template-columns:1fr 25px;gap:15px;padding:22px}body.skin-workshop .work-order{justify-self:start}body.skin-workshop .tool-card>div{grid-column:1/-1;grid-row:2}body.skin-workshop .tool-card .tool-category{grid-column:1;grid-row:3}body.skin-workshop .tool-card .tool-arrow{grid-column:2;grid-row:1}body.skin-workshop .tool-card .tool-name{font-size:23px}body.skin-workshop .form-panel,body.skin-workshop .result{border:2px solid var(--ink)}
 body.skin-inventory .inventory-hero{display:block;padding-block:42px}body.skin-inventory .inventory-hero-no{font-size:10px;margin-bottom:20px}body.skin-inventory h1{font-size:47px}body.skin-inventory .bag-inventory{margin-top:65px;padding:22px}body.skin-inventory .inventory-label{font-size:8px;gap:10px}body.skin-inventory .packed-modules{height:160px}body.skin-inventory .packed-modules div{padding:14px;font-size:9px}body.skin-inventory .bag-inventory .sample-metric strong{font-size:23px}body.skin-inventory .tool-card{grid-template-columns:24px 22px 1fr 20px;gap:12px;padding:23px 0}body.skin-inventory .tool-card>div{grid-column:3}body.skin-inventory .tool-card .tool-category{grid-column:3;grid-row:2}body.skin-inventory .tool-card .tool-arrow{grid-column:4;grid-row:1}body.skin-inventory .tool-card .tool-name{font-size:24px}body.skin-inventory .footer-inventory{display:block}body.skin-inventory .footer-inventory h2{font-size:38px;margin-top:20px}body.skin-inventory .form-panel{padding-inline:0}body.skin-inventory .result{border-left-width:8px}
}
@media(max-width:480px){body.skin-field .tool-list,body.skin-gauges .tool-list,body.skin-postcards .tool-list,body.skin-orbit .tool-list{grid-template-columns:1fr}body.skin-field .tool-card,body.skin-gauges .tool-card,body.skin-postcards .tool-card,body.skin-orbit .tool-card{min-height:240px}body.roadkit-site .footer-main{grid-template-columns:1fr}body.roadkit-site .footer-main>.footer-links{grid-column:auto}body.skin-lodge .tool-card .tool-name{font-size:23px}body.skin-lodge .tool-card{min-height:300px}body.roadkit-site .button{max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.roadkit-site *{animation:none!important;transition:none!important}}
@media print{body.roadkit-site{background:white!important;color:black!important}body.roadkit-site .site-header,body.roadkit-site .site-footer,body.roadkit-site .page-hero,body.roadkit-site .form-panel,body.roadkit-site .tool-documentation,body.roadkit-site .result .actions,body.roadkit-site .result .form-intro{display:none!important}body.roadkit-site .workbench{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}body.roadkit-site .result{display:block!important;border:1px solid #777!important;padding:20px!important;background:white!important;color:black!important;border-radius:0!important}body.roadkit-site .print-label{display:block!important}body.roadkit-site .metric,body.roadkit-site .result-rows>div{break-inside:avoid}body.roadkit-site .metric span,body.roadkit-site .result-rows dt,body.roadkit-site .status{color:#333!important}body.roadkit-site .result-kicker{color:black!important;background:none!important}}
/* Different reading sequences, not eleven copies of a split hero. */
@media(min-width:851px){
body.skin-postcards .postcard-hero{display:block;padding-top:30px}body.skin-postcards .postcard-copy{text-align:center;max-width:900px;margin:auto;padding-block:50px 32px}body.skin-postcards .postcard-copy h1{font-size:80px}body.skin-postcards .postcard-copy .lede{margin-inline:auto}body.skin-postcards .postcard-copy .actions{justify-content:center}body.skin-postcards .outing-board{display:grid;grid-template-columns:1fr 1.25fr;max-width:930px;margin:20px auto 0;gap:45px;padding:0;align-items:center}body.skin-postcards .outing-message{max-width:none;font-size:40px;border-radius:36px 0 36px 0;padding:35px}body.skin-postcards .outing-ticket{margin:0;padding:30px;border-radius:0 20px 20px 0}body.skin-postcards .outing-sun{right:auto;left:-55px;top:-25px;font-size:70px}
body.skin-lodge .lodge-hero{display:block;padding-block:65px 30px}body.skin-lodge .lodge-copy{text-align:center;max-width:820px;margin:auto}body.skin-lodge .lodge-copy h1{font-size:75px}body.skin-lodge .lodge-copy .lede{max-width:700px;margin-inline:auto}body.skin-lodge .lodge-copy .actions{justify-content:center}body.skin-lodge .nest-elevation{max-width:820px;margin:35px auto 0;padding-top:45px}body.skin-lodge .nest-roof{height:65px}body.skin-lodge .nest-window{border-radius:120px 120px 0 0;display:grid;grid-template-columns:1fr 1.25fr;gap:10px 35px;padding:35px 50px;text-align:left;align-items:center}body.skin-lodge .nest-window>.eyebrow{grid-column:1/-1;text-align:center;margin:0 0 10px}body.skin-lodge .sleep-plan{grid-column:1;grid-row:2/7;width:100%;height:165px;margin:0}body.skin-lodge .nest-window>.sample-label,body.skin-lodge .nest-window>.sample-metric,body.skin-lodge .nest-window>.sample-link{grid-column:2}body.skin-lodge .nest-window>.sample-link{margin:0}
body.skin-orbit .orbit-grid{grid-template-columns:.9fr 1.15fr;gap:70px}body.skin-orbit .orbit-grid>div:first-child{order:2}body.skin-orbit .energy-orbit{order:1}body.skin-orbit .energy-flow{margin-top:60px}
body.skin-departures .departure-hero{display:block;padding-block:55px}body.skin-departures .departure-hero>div:first-child{display:grid;grid-template-columns:1.25fr 1fr;gap:0 90px;align-items:center}body.skin-departures .departure-hero>div:first-child>.eyebrow{grid-column:1/-1;margin-bottom:22px}body.skin-departures .departure-hero h1{grid-column:1;grid-row:2/4;margin:0;font-size:69px}body.skin-departures .departure-hero .lede{grid-column:2;margin:0}body.skin-departures .departure-hero .actions{grid-column:2;margin-top:24px}body.skin-departures .departure-board{margin-top:42px}body.skin-departures .departure-columns{grid-template-columns:70px 1fr 210px;padding:14px 30px;font-size:11px}body.skin-departures .departure-row{grid-template-columns:70px 1fr 210px;padding:20px 30px}body.skin-departures .departure-row>div{display:flex;gap:50px;align-items:center}body.skin-departures .departure-row div>span{margin:0;width:70px;font-size:11px}body.skin-departures .departure-row strong{font-size:18px}body.skin-departures .departure-row time{font-size:28px}body.skin-departures .departure-board>a{padding:17px 30px}
}

:root{--bg:#f5f3e8;--paper:#ffffff;--soft:#edebe0;--ink:#202923;--muted:#4f5c54;--line:#c3cdc5;--accent:#74620c;--accent-ink:#ffffff;--focus:#74620c;--danger:#9e2e2d;--danger-bg:#fff0ec;color-scheme:light}
:root[data-roadkit-color="dark"]{--bg:#29271c;--paper:#312f24;--soft:#39372c;--ink:#f4f5ee;--muted:#c0cac3;--line:#76867b;--accent:#e6d374;--accent-ink:#172017;--focus:#e6d374;--danger:#ffc4b4;--danger-bg:#442820;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-roadkit-color]){--bg:#29271c;--paper:#312f24;--soft:#39372c;--ink:#f4f5ee;--muted:#c0cac3;--line:#76867b;--accent:#e6d374;--accent-ink:#172017;--focus:#e6d374;--danger:#ffc4b4;--danger-bg:#442820;color-scheme:dark}}

@media(max-width:850px){body.skin-orbit .energy-orbit{overflow:hidden}}