*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65}main,section,article,aside,header,footer,nav,form,div,dl,ol,ul{min-width:0;max-width:100%}p,h1,h2,h3,dt,dd,a,address,button,label,summary{overflow-wrap:anywhere}a{color:inherit;text-underline-offset:.2em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{border-radius:var(--radius)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;left:1rem;top:-6rem;background:var(--ink);color:var(--paper);padding:.75rem 1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{max-width:1180px;margin:auto;padding:1rem clamp(1rem,4vw,3rem)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:800}.mark{display:grid;place-items:center;min-width:3rem;height:3rem;padding:.5rem;background:var(--accent);color:var(--mark-ink);font:800 .78rem var(--mono);letter-spacing:.1em}.mark.large{width:5rem;height:5rem}.site-header nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.site-header nav a{text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent}.site-header nav a[aria-current=page]{border-color:var(--accent)}main{max-width:1180px;margin:auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,3rem)}.frame{position:relative}.hero{min-height:540px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(3rem,7vw,7rem) 0}.eyebrow,.role-kicker,.step-label{font:800 .78rem/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero h1,.page-intro h1,.not-found h1{font:700 clamp(3rem,8vw,7rem)/.96 var(--display);letter-spacing:-.035em;margin:.25em 0}.lead,.page-intro>p:last-child{font-size:clamp(1.05rem,2vw,1.3rem);max-width:64ch}.hero-actions,.error-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.1rem;border:2px solid var(--ink);background:transparent;color:inherit;text-decoration:none;font-weight:800;cursor:pointer}.button.primary{background:var(--accent);color:var(--mark-ink);border-color:var(--accent);box-shadow:var(--shadow)}.text-link{font-weight:800}.hero-art{min-height:360px;position:relative;overflow:hidden;background:var(--surface);border:2px solid var(--ink);display:grid;place-items:center;padding:2rem}.hero-art b{font:900 clamp(3.5rem,9vw,7rem)/1 var(--display);color:var(--accent)}.hero-art span,.hero-art small{font:800 .78rem var(--mono);letter-spacing:.1em}.direct-note{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:2rem;margin:2rem 0 5rem;padding:1.4rem;border-block:1px solid var(--line)}.direct-note strong{font-size:1.25rem}.direct-note p{margin:0}.home-roles{margin:3rem 0 6rem}.home-roles h2,.approach h2,.form-section h2{font:700 clamp(2rem,5vw,4rem)/1 var(--display)}.home-roles h3{font:700 1.3rem/1.15 var(--display)}.home-roles a{font-weight:800}.approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;padding:clamp(2rem,5vw,4rem);background:var(--ink);color:var(--paper);margin:3rem 0}.page-intro{padding:clamp(3rem,7vw,6rem) 0;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(2.8rem,7vw,6rem);max-width:16ch}.career-list{padding:2rem 0 5rem}.career-detail{display:grid;grid-template-columns:70px minmax(0,1fr);gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}.career-number{font:800 1rem var(--mono);color:var(--accent)}.career-detail h2{font:700 clamp(1.6rem,4vw,3rem)/1 var(--display);margin:.25em 0}.form-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5rem);padding:clamp(1.5rem,4vw,4rem);background:var(--surface);border:1px solid var(--line)}form{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-weight:700}input,select,textarea{width:100%;min-height:48px;padding:.8rem;border:1px solid var(--line);background:var(--input);color:var(--ink)}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.check-line{grid-template-columns:24px minmax(0,1fr);align-items:start;font-weight:500;line-height:1.45}.check-line input{width:20px;min-height:20px;margin-top:.15rem;accent-color:var(--accent)}.identity-card,.form-card,.role-guidance,.contact-note,.sms-alias-card{padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--line);background:var(--surface);margin:2rem 0}.identity-card dl div{padding:1rem 0;border-bottom:1px solid var(--line)}.identity-card dt{font:800 .75rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.identity-card dd{margin:.25rem 0}.identity-card address{font-style:normal}.sms-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:3rem 0}.sms-facts>div{padding:1.3rem;background:var(--surface)}.sms-facts span{display:block;font:.75rem var(--mono);text-transform:uppercase}.consent-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,6vw,5rem);padding:clamp(1.5rem,4vw,4rem);border:1px solid var(--line)}.sample-message{margin-top:2rem;padding:1.2rem;border-left:5px solid var(--accent);background:var(--surface)}.review-panel{padding:1.5rem;margin-top:1.5rem;border:3px solid var(--accent);background:var(--surface)}.result-dialog{max-width:520px;border:2px solid var(--ink);padding:2rem;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0008}.result-dialog::backdrop{background:#0009}.policy-cluster,.terms-cluster{display:grid;gap:1rem;margin:2rem 0}.policy-section{padding:1.5rem;border:1px solid var(--line);background:var(--surface)}.policy-section span{font:.75rem var(--mono);color:var(--muted)}.policy-section h2,.terms-section h2{font:700 clamp(1.3rem,3vw,2rem)/1.1 var(--display)}.terms-section{display:grid;grid-template-columns:60px minmax(0,1fr);gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line)}.term-index{font:800 1rem var(--mono);color:var(--accent)}.policy-note,.terms-note{padding:1.5rem;border:1px dashed var(--line)}.not-found{min-height:52vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.error-code{font:900 clamp(5rem,18vw,13rem)/.8 var(--display);margin:0;color:var(--accent)}.site-footer{max-width:1180px;margin:3rem auto 0;padding:3rem clamp(1rem,4vw,3rem);border-top:1px solid var(--line);font-size:.92rem}.site-footer address{font-style:normal}.site-footer p{margin:.4rem 0}.site-footer nav{margin-block:1rem}.copyright{color:var(--muted)}@media(max-width:850px){.hero,.direct-note,.approach,.form-section,.consent-section,.field-row,.sms-facts{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{min-height:240px}.page-intro h1{max-width:none}}
:root{--paper:#eef2e8;--ink:#17352b;--accent:#d87932;--mark-ink:#fff;--surface:#fbfff8;--input:#fff;--line:#81958b;--muted:#61746b;--focus:#2357a4;--radius:.6rem;--shadow:0 6px 0 #17352b;--sans:"Trebuchet MS",sans-serif;--display:Georgia,serif;--mono:"Courier New",monospace}.head-compass{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:1.5rem;align-items:center}.bearing{width:70px;height:70px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:900}.head-compass>aside{display:grid;justify-items:end}.cardinals{position:absolute;inset:0;pointer-events:none}.cardinals span{position:absolute;font:800 .75rem var(--mono)}.cardinals span:nth-child(1){top:0;left:50%}.cardinals span:nth-child(2){right:0;top:50%}.cardinals span:nth-child(3){bottom:0;left:50%}.cardinals span:nth-child(4){left:0;top:50%}.bearing-field{padding:0 4rem}.route-entry{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:3rem}.compass-roles{display:grid;place-items:center;min-height:620px;position:relative}.route-center{width:280px;text-align:center}.route-stops{position:absolute;inset:0}.stop{position:absolute;width:min(280px,40%);padding:1rem;background:var(--surface);border:1px solid var(--ink)}.stop-1{top:0;left:0}.stop-2{top:15%;right:0}.stop-3{bottom:5%;right:8%}.stop-4{bottom:0;left:5%}.foot-compass{display:grid;grid-template-columns:120px 1fr 1fr;gap:2rem}.return-stamp{border:3px solid var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;aspect-ratio:1}@media(max-width:850px){.head-compass,.route-entry,.foot-compass{grid-template-columns:1fr}.head-compass>aside{justify-items:start}.cardinals{display:none}.bearing-field{padding:0}.compass-roles{display:block;min-height:0}.route-center{width:auto;text-align:left}.route-stops{position:static;display:grid;gap:1rem}.stop{position:static;width:auto}.return-stamp{width:100px}}
/* savotol.com / Compass Journal */