/* Ink + Electric Blue: approved visual polish. */
:root{--ink:#17243b;--muted:#586477;--blue:#2457d6;--line:#dce1e9;--green:#2457d6;color:var(--ink);background:#f7f8fb;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.app-ready{background:#f7f8fb;color:var(--ink)}
.app-ready header{background:#fff;border-color:var(--line);padding-top:16px;padding-bottom:16px}
.app-ready header .brand{font-size:20px;letter-spacing:-.035em;color:var(--ink)}
.app-ready header .badge{border:0;background:#edf1f7;color:var(--muted);font-size:11px;padding:5px 9px}
.app-ready h1,.app-ready h2,.app-ready h3{color:var(--ink);letter-spacing:-.025em}
.app-ready .intro{margin:0 0 24px}.app-ready .intro h1{font-size:32px;line-height:1.15;margin:8px 0 10px;letter-spacing:-.035em}
.app-ready .intro .eyebrow{font-size:10px;letter-spacing:.13em;color:var(--muted)}
.app-ready .intro>p:last-child,.screen-caption,.muted{color:var(--muted)}
.app-ready .screen-title{font-size:30px;line-height:1.2}.screen-caption{font-size:15px;margin-bottom:24px}
.app-ready .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:24px;margin-bottom:24px}
.app-ready .next-win{background:#17243b;border:0;border-radius:18px;padding:24px;gap:12px;box-shadow:none}
.app-ready .next-win h2{color:#fff;font-size:26px;line-height:1.2;max-width:22ch}
.app-ready .next-win p{color:#cbd5e5;font-size:15px;max-width:48ch}
.app-ready .next-win .eyebrow{color:#aebee0;font-size:10px;letter-spacing:.12em}
.app-ready button,.app-ready .file-button{color:var(--ink);border-color:#c8d0dd;background:#fff;min-height:48px;border-radius:10px;font-size:15px;font-weight:600}
.app-ready button:hover{background:#edf2ff;border-color:#a7b9e8}
.app-ready button.primary,.app-ready button[aria-pressed=true]:not(.segment-nav button){background:var(--blue);color:#fff;border-color:var(--blue)}
.app-ready button.primary:hover{background:#1b43ac;border-color:#1b43ac}
.app-ready .next-win button.primary{background:#fff;color:#183f9e;border:0;min-height:50px}
.app-ready .next-win>button:last-child{color:#dce5f5;background:transparent;border:0;font-size:14px;font-weight:400;min-height:44px;padding:6px 0}
.app-ready .choices{gap:10px}.app-ready .choices button{background:#fff;border-color:#dce1e9;min-height:92px;padding:16px}
.app-ready .choices button[aria-pressed=true]{background:#edf2ff!important;color:#183f9e!important;border:2px solid #2457d6!important;padding:15px}
.app-ready .choices span{color:var(--muted);font-size:13px;font-weight:400}
.app-ready input:not([type=checkbox]),.app-ready select,.app-ready textarea{border-color:#b9c4d5;color:var(--ink);border-radius:9px;line-height:1.5;background:#fff}
.app-ready input[type=checkbox],.app-ready progress{accent-color:var(--blue)}
.app-ready label,.app-ready legend{color:var(--ink)}
.app-ready .coach{background:#f0f4fc;color:#263b5b;border-radius:10px;padding:16px;box-shadow:inset 3px 0 #8fa9e8}
.app-ready .notice{background:#edf2f9;color:#33465e;border-radius:12px}
.app-ready fieldset{border-color:var(--line);border-radius:10px}.app-ready .badge{color:var(--muted);border-color:var(--line)}
.app-ready .segment-nav{background:transparent;border-bottom:1px solid var(--line);padding:0;gap:16px;border-radius:0}
.app-ready .segment-nav button{border:0;border-radius:0;color:var(--muted);background:transparent;box-shadow:none;min-height:48px;font-weight:500}
.app-ready .segment-nav button[aria-pressed=true]{color:#1946b5;background:transparent;border-bottom:3px solid var(--blue);font-weight:750}
.app-ready .checkpoint-map{font-size:14px;margin-bottom:16px}.app-ready .checkpoint-map summary{font-weight:500;color:var(--muted)}
.app-ready .checkpoint-map nav button[aria-current=step]{background:#edf2ff;color:#183f9e;border-color:#aabfeb}
.app-ready .app-nav{background:#fffffffa;border-color:var(--line);box-shadow:0 -2px 12px #17243b05}
.app-ready .app-nav button{background:transparent;border:0;color:#68748a;font-weight:500;font-size:12px;border-radius:12px}
.app-ready .app-nav button[aria-current=page]{background:#edf2ff;color:#1946b5;font-weight:750}
.app-ready footer{border:0;border-top:1px solid var(--line);background:transparent;border-radius:0;padding:24px 0;color:var(--muted)}
.app-ready #ai-handoff a{color:#1946b5}.app-ready #delete{color:#963c3c}
.app-ready :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #a44219;outline-offset:3px}
@media(max-width:600px){.app-ready main{padding:24px 18px 112px}.app-ready .intro h1{font-size:30px}.app-ready .card{padding:20px 18px}.app-ready .next-win{padding:22px}.app-ready .next-win h2{font-size:24px}.app-ready .segment-nav{gap:8px}.app-ready .segment-nav button{font-size:13px}.app-ready .screen-title{font-size:28px}}
@media(min-width:1000px){.app-ready main{max-width:860px;padding:36px 48px 80px}.app-ready .app-nav button{font-size:14px}.app-ready .intro h1{font-size:36px}.app-ready .next-win .primary{width:auto;justify-self:start;min-width:240px}.app-ready .next-win{padding:28px}.app-ready .home-actions{max-width:660px}}

.app-ready .brand{display:inline-flex;align-items:center;gap:10px}.app-ready .brand:before{content:"";display:inline-block;width:14px;height:14px;background:#2457d6;border-radius:4px;box-shadow:inset 0 0 0 4px #2457d6;transform:rotate(-12deg)}
.app-ready #ai-review-pane>.file-button{display:flex;align-items:center;width:fit-content;max-width:100%;min-height:48px;margin:16px 0 12px;padding:11px 16px;line-height:1.4}
.app-ready #ai-review-pane>button:last-child{display:block;width:100%;margin-top:12px}
/* Compact editorial shelf: optional learning, not another required step. */
.learning-shelf{border-block:1px solid var(--line);margin:0 0 28px;padding:20px 0}.learning-shelf h2{font-size:20px;margin:4px 0 8px}.learning-shelf p{max-width:65ch;margin:8px 0 16px}.learning-shelf .eyebrow{font-size:10px}.learning-shelf>details{border-top:1px solid var(--line);padding:0;margin:0}.learning-shelf summary{padding:16px 0;min-height:48px;box-sizing:border-box;font-weight:650}.resource-body{padding:0 0 16px}.resource-list{list-style:none;margin:0;padding:0}.resource-list li{padding:12px 0;border-bottom:1px solid var(--line)}.resource-list a{font-weight:650}.provider-resource{padding:20px 0;border-bottom:1px solid var(--line)}.provider-resource h3{font-size:22px;margin:0 0 12px}.provider-resource button{display:block;margin:20px 0 4px;max-width:100%;white-space:normal}.resource-links{display:flex;flex-wrap:wrap;gap:8px 20px}.resource-links a{display:inline-flex;align-items:center;min-height:44px}.learning-shelf a{overflow-wrap:anywhere;text-underline-offset:3px}.learning-shelf a:focus-visible,.learning-shelf summary:focus-visible{outline:3px solid #a44219;outline-offset:4px}[data-theme=dark] .learning-shelf a:focus-visible,[data-theme=dark] .learning-shelf summary:focus-visible{outline-color:#ffcd8c}
.skill-labs #lab-work{border-top:1px solid var(--line);padding-top:20px}.skill-labs h3{font-size:24px;margin:8px 0}.skill-labs h4{margin:20px 0 8px}.skill-labs pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;border-left:3px solid var(--blue);padding:12px 16px;margin:12px 0 20px}.skill-labs textarea{box-sizing:border-box;width:100%}.skill-labs button{min-height:48px;white-space:normal}.skill-labs details{margin:16px 0}.skill-labs .check{display:flex;align-items:flex-start;gap:10px}.skill-labs .check input{flex:0 0 20px;width:20px;margin-top:4px}.skill-labs #lab-status{padding:12px 0;font-weight:600}
