:root{font-family:"Trebuchet MS","Segoe UI",sans-serif;--ink:#18342f;--muted:#6b7c76;--line:#dfe7e1;--purple:#16705e;--pale:#e7f2ed;--green:#16705e;--radius:10px}
body{background:#f4f7f3;color:var(--ink)}
.shell{grid-template-columns:210px minmax(0,1fr)}
.sidebar{background:#173c36;color:#f2f6f2;border-right:0;padding:26px 16px}
.brand{color:#fff;padding:0 10px}.brand img{filter:brightness(0) invert(1)}.workspace{color:#9bb4ab}.nav button{color:#b8cbc4}.nav button.active,.nav button:hover{background:#28564d;color:#fff}.nav button.active{box-shadow:inset 3px 0 #e87953}
.side-bottom{display:none}.main{background:#f4f7f3}.topbar{background:#fff;border-bottom:1px solid var(--line)}
.content{max-width:1120px;padding:38px 42px 64px}.page-head{margin-bottom:28px}h1{font-size:34px;letter-spacing:-1.1px;color:#173b34}h2{font-size:20px}.page-head p{color:var(--muted);max-width:560px}
.btn.primary,.focus .btn{background:#e87953;color:#fff}.btn.primary:hover,.focus .btn:hover{background:#c95d3b}.btn{border-radius:6px}.focus{background:#dfeee7;border:1px solid #c9ded4;border-radius:10px;box-shadow:none}.panel,.stat{border-radius:10px;box-shadow:0 8px 24px rgba(27,62,49,.05);border-color:var(--line)}
.focus h2,.focus p,.focus .eyebrow{color:#18342f}.focus .eyebrow{opacity:.7}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.stats .stat:nth-child(n+3){display:none}.stat{padding:18px 20px}.stat strong{color:#16705e}.stat-top{color:var(--muted)}
.two-col{gap:18px}.two-col>section:last-child>.panel:nth-child(2){display:none}.job-row{padding:14px 0}.score{color:#16705e}.badge.purple{background:#e7f2ed;color:#16705e}.badge.green{background:#e1f1e8;color:#19704f}.badge.amber{background:#fff0dc;color:#9a5b26}
.filters{background:#fff;padding:12px;border:1px solid var(--line);border-radius:8px}.job-card{border-radius:10px;box-shadow:0 8px 24px rgba(27,62,49,.04)}
@media(max-width:700px){.content{padding:28px 18px 48px}.sidebar{padding:16px}.nav button:nth-child(2),.nav button:nth-child(5){display:none}.nav{gap:2px}.nav button{padding:9px 10px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.stat strong{font-size:27px}.topbar{padding:0 18px}.topbar .local{font-size:0}.topbar .local .dot{font-size:initial}}
.cv-section{margin:0 0 24px}.cv-section h3{font:700 11px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#16705e;border-bottom:1px solid var(--line);padding-bottom:8px}.cv-line{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #edf1ee;padding:13px 0}.cv-line p{margin:0;max-width:680px;font-size:14px}.cv-line.changed{background:#fff8ee;margin:0 -10px;padding:13px 10px;border-left:3px solid #e87953}.rewrite-note{display:block;color:#9a5b26;margin-top:5px}.cv-line .btn{flex-shrink:0;white-space:nowrap}
.answer-list{display:grid;gap:16px}.answer-list textarea{min-height:100px}
.section-menu{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:18px;border-bottom:1px solid var(--line);scrollbar-width:thin}.section-menu-button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:9px 13px;white-space:nowrap;font:600 12px/1 "Trebuchet MS",sans-serif}.section-menu-button:hover,.section-menu-button.active{background:#e7f2ed;border-color:#b9d6c9;color:#16705e}.ux-panel-hidden{display:none!important}
.mailbox-panel{margin:0 0 18px}.mailbox-panel .panel-head{align-items:flex-start}.mailbox-panel .form-grid{margin-top:16px}.mailbox-panel .error{min-height:20px}
.content:has(#cover-letter-form) .communication-workspace,.content:has(#cover-letter-form) .two-col{display:block}.content:has(#cover-letter-form) .two-col>section{display:block;width:100%;margin:0 0 18px}.content:has(#cover-letter-form) .two-col>section>.panel{width:100%;max-width:none}.content:has(#cover-letter-form) .communication-workspace .draft-copy{max-width:900px}.content:has(#cover-letter-form) .section-menu{position:sticky;top:0;z-index:3;background:#f4f7f3;padding-top:10px}
.draft-copy{white-space:pre-wrap;background:#f8fbf8;border:1px solid var(--line);border-radius:7px;padding:16px;margin:12px 0;line-height:1.7;font-family:Georgia,serif}.outreach-block h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#16705e;margin:18px 0 6px}.outreach-block p{margin-bottom:10px}
@media(max-width:700px){.cv-line{display:block}.cv-line .btn{margin-top:10px}.cv-line.changed{margin:0;padding:13px 10px}}

/* Hosted sign-in */
.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#173c36}
.login-panel{width:min(420px,100%);padding:32px;display:grid;gap:14px}
.login-panel .brand{color:#173c36;padding:0;margin-bottom:6px}
.login-panel h1{font-size:26px;margin:0}
.login-panel .muted{margin:0 0 8px}
.login-panel .btn{justify-content:center}
/* iOS shell: keep content clear of the home indicator */
body{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:700px){.sidebar{padding-top:calc(16px + env(safe-area-inset-top))}}
/* With the section menu only one panel shows at a time: let it use the full content width */
.section-menu ~ .two-col{display:block}.section-menu ~ .two-col>section{display:block;width:100%;max-width:none}.section-menu ~ .two-col>section>.panel{width:100%;max-width:none}

/* Section menu stays put at the top while the page scrolls */
.section-menu{position:sticky;top:0;z-index:5;background:#f5f6fa;padding-top:10px;margin-top:-4px}
/* Research and application drafts: rendered structure instead of a wall of text */
.prose.research{white-space:normal;line-height:1.7}
.prose.research h4{font-size:15px;margin:22px 0 8px;color:#173c36;letter-spacing:0}
.prose.research h4:first-child{margin-top:0}
.prose.research p{margin:0 0 12px}
.prose.research ul,.prose.research ol{margin:0 0 14px;padding-left:22px}
.prose.research li{margin:0 0 6px}
.prose.research a{display:inline-block;font-size:12px;line-height:1.4;padding:1px 8px;margin:0 2px;border-radius:999px;background:#e7f2ed;color:#16705e;text-decoration:none;vertical-align:baseline}
.prose.research a:hover{background:#d4e9df}
.prose.research code{background:#f0f1f5;padding:1px 5px;border-radius:5px;font-size:13px}