/* Field Notes: selected ivory, forest-green, editorial theme. */
:root{color-scheme:light;--bg:#f3f1e9;--surface:#fbfbf5;--soft:#e7e8df;--line:#c8ccc0;--text:#242922;--muted:#606758;--accent:#293b29;--accent-soft:#e3e9d3;--on-accent:#fff;--warning:#78551b;--warning-soft:#f6ead0;--danger:#94333d;--danger-soft:#f6e6e6}
body{font-family:Arial,"Helvetica Neue",sans-serif}.site-header{background:var(--bg);border:0}.header-inner{max-width:1120px;padding:27px 30px;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:-1.2px;font-weight:700}.brand-mark{display:none}.brand .accent{color:#718452}.nav{gap:10px}.nav a{border-radius:0;padding:7px 5px;border-bottom:2px solid transparent}.nav a[aria-current=page]{background:transparent;border-bottom-color:var(--accent);color:var(--text)}h1{font:400 clamp(36px,5vw,56px)/1.08 Georgia,serif;letter-spacing:-1.8px}.page-heading h1{font-size:40px}.eyebrow{font-family:Consolas,monospace;letter-spacing:1.7px;color:#647356}.wrap{padding-top:44px}.hero{gap:46px;margin-bottom:48px}.hero .lede{font-size:16px}.connection{background:var(--accent-soft);border:0;border-top:4px solid #3a5136;border-radius:0;transform:rotate(-1.5deg);padding:28px}.ip-value{font-size:28px;letter-spacing:-1px}.connection-foot{border-color:#b8c4a6}.tool-grid{gap:0;border-top:1px solid var(--line)}.tool{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:26px 20px}.tool:hover{background:#e6e9dd}.tool-mark{background:none;width:26px;justify-content:start;color:#647356}.tool h3{font-size:18px;font-weight:500}.tool:nth-child(odd){border-right:1px solid var(--line)}button,.button,input[type=text],input[type=password],select,.panel,.report-card,.context-bar{border-radius:3px}.panel{padding:26px}.ip-tabs{border:0;padding-bottom:0;gap:5px}.ip-tabs button{background:var(--soft);border-radius:0}.ip-tabs button[aria-selected=true]{background:var(--accent);color:#fff}.report-card{margin-top:0;border-radius:0}.card-heading h2{font-size:17px}.data-label{font-size:12px}.data-value{font-size:14px}.site-footer{margin-top:18px}.utility h1{font-family:Georgia,serif}.brand-text{white-space:nowrap}@media(max-width:760px){.header-inner{padding:22px}.hero{gap:26px}.connection{transform:none}.wrap{padding-top:30px}}@media(max-width:520px){.header-inner{padding-left:16px;padding-right:16px}.nav{gap:5px}.nav a{font-size:12px}.page-heading h1{font-size:34px}.tool:nth-child(odd){border-right:0}.tool{padding-left:4px}.ip-tabs button{font-size:12px}}

/* Approved layout refinements — 2026-10-03. */
body{background:var(--bg);color:var(--text)}
.header-inner{padding:22px 28px;gap:18px;flex-wrap:wrap}
.nav{display:flex;flex-wrap:wrap;gap:12px}
.nav a{color:#475340;font-size:13px;white-space:nowrap}
.nav a[aria-current=page]{color:#243d2b;border-bottom-color:#243d2b}
.wrap{padding:32px 28px;max-width:1120px}
.hero{gap:28px;margin-bottom:32px;align-items:center}
h1{color:#243d2b;font:400 clamp(34px,4.8vw,48px)/1.1 Georgia,serif;margin:12px 0 18px;letter-spacing:-1.4px}
h2,h3{color:#273a2a}
.lede,.hero .lede{color:#56614f;font-size:15px;line-height:1.7;max-width:440px}
.connection{transform:none;background:#e3e9d3;border:1px solid #c4ceb7;border-top:3px solid #3a5136;padding:22px;border-radius:4px;color:#293b29;min-width:0}
.ip-value{font:400 23px/1.4 Consolas,monospace;margin:22px 0 8px;letter-spacing:-.5px;overflow-wrap:anywhere}
.hint,.muted,.tool p,.local-note,.card-note,.privacy-note{color:#606758}
.connection-top{color:#35472e}
.button.primary,button.primary{background:#293b29;color:#fff;border-color:#293b29}
.button:not(.primary){color:#293b29;background:#fbfbf5;border:1px solid #b6c1ac}
.tool{padding:22px 18px;min-width:0;gap:14px}
.tool p{font-size:13px;line-height:1.65;margin-top:8px}
.section-heading{margin-bottom:16px}
.site-footer{color:#606758;padding:20px 28px}
input,select{background:#fbfbf5;color:#242922}
@media(max-width:650px){
 .hero,.wifi-layout{grid-template-columns:1fr}
 .header-inner{padding:20px}
 .wrap{padding:26px 20px}
 .nav{gap:10px}
}
@media(max-width:520px){
 .header-inner{padding:20px 16px}
 .wrap{padding:24px 16px}
 .nav{gap:5px}
 .nav a{font-size:12px}
 h1,.page-heading h1{font-size:34px}
 .tool{border-right:0;padding-left:4px}
}