/* e-PGW: existing design-system tokens, not a new visual identity. */
@font-face{font-family:PGWInter;src:url("./Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:PGWInter;src:url("./Inter-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--navy:#0c2c54;--ink:#16202e;--muted:#526174;--cyan:#16abd4;--focus:#0e7e9e;--paper:#fff;--line:#d5dee8;--wash:#f4f6f9;--orange:#0e7e9e;--good:#0c2c54;--red:#dc2626}
body{font-family:PGWInter,Inter,Arial,sans-serif;line-height:1.6;font-synthesis:none}
button,.file-button,label.field{font-weight:700}
button,.file-button{min-height:48px;border-radius:10px}
button.small{min-height:44px}
button.danger,.save.error,.error{color:#b91c1c}
.brand-link{display:inline-flex;padding:8px 0;flex:none}
.brand-link img{width:120px;height:auto;display:block;aspect-ratio:346.9/78.4}
.top-inner{max-width:1280px;align-items:center}
.top-caption{font-size:13px}
.top .actions{justify-content:flex-end}
.top{position:static}
.banner{background:#e8f5fa;color:var(--navy);text-align:left;padding:12px max(20px,calc((100vw - 1236px)/2));font-size:14px}
.workspace{max-width:1280px;grid-template-columns:230px minmax(0,1fr)}
.sidebar{top:20px}
.sidebar nav{gap:3px}
.sidebar nav button{font-size:14px;gap:12px;padding:10px 12px}
.pgw-icon{width:20px;height:20px;flex:none;vertical-align:middle}
.quick .pgw-icon{width:24px;height:24px}
.quick .icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#e8f5fa;color:var(--navy);flex:none}
.quick button{gap:14px}
.quick button[data-go="scene"]{grid-column:1/-1;min-height:96px;background:var(--navy);color:#fff;font-size:22px}
.quick button[data-go="scene"] small{color:#d9e8f3}
.quick button[data-go="scene"]:hover{background:#194571}
.main{border-radius:14px}
.content{padding:clamp(20px,3vw,36px)}
.casebar{padding:16px 24px;background:#f4f6f9}
.badge,.badge.demo{font-size:13px;background:#e4eef7;color:var(--navy)}
h1{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.7px}
h2{font-size:23px;line-height:1.3}h3{font-size:18px}
.hero{background:var(--navy);border-radius:10px;padding:32px}
.hero h1{max-width:20ch}.hero p{font-size:18px;line-height:1.65;color:#fff;max-width:48ch}
.callout{background:#edf7fb;border-left-color:var(--focus);border-radius:0 10px 10px 0}
.callout.warning{background:#fff7f7;border-color:var(--red);color:var(--ink)}
.field input,.field textarea,.field select{border:1px solid #8799ad;border-radius:8px;min-height:48px}
.field textarea{line-height:1.6}
.field input[aria-invalid=true]{border-color:var(--red);background:#fff7f7}
.field small{font-size:13px;font-weight:400}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}
summary{min-height:48px;cursor:pointer;padding:12px 0;color:var(--navy);font-weight:700}
.evidence-help{border-block:1px solid var(--line);margin-top:24px;padding:8px 0 18px}
.evidence-help li{margin:10px 0}.evidence-help p{font-size:14px;color:var(--muted)}
.suggestion-chips{margin:-4px 0 18px}
.suggestion-chips button{font-weight:400;font-size:14px;background:#f4f6f9}
.file-state{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}
.record h2{font-size:21px}
.status-list li{flex-wrap:wrap}
.status-list li span{overflow-wrap:anywhere}
.doc a,.footer a,.breadcrumb a{color:var(--navy);text-underline-offset:3px}
.breadcrumb{margin:0 auto;max-width:1280px;padding:16px 22px 0;font-size:14px;color:var(--muted)}
.footer{text-align:left;border-top:1px solid var(--line);padding:22px;font-size:13px}
.footer p{max-width:85ch}
.skip-link{position:absolute;left:16px;top:-100px;z-index:50;padding:12px;background:white;color:var(--navy)}
.skip-link:focus{top:12px}
.mobile-nav{display:none}
.legend span:nth-child(2):before{background:var(--focus)}
.record,button,.file-state{overflow-wrap:anywhere}
.phone-mode .mobile-nav{display:grid}.phone-mode .sidebar nav{display:none}
.phone-mode .top-inner{max-width:520px;flex-wrap:wrap}
.phone-mode .top-inner .actions{width:100%;justify-content:flex-start}
.phone-mode .quick button{display:flex}
@media(max-width:760px){
 .mobile-nav{display:grid}.sidebar nav{display:none}
 .top-inner{flex-wrap:wrap;gap:4px;padding:10px 16px}
 .top-caption{display:block}.brand-link img{width:106px}
 .top .actions{width:100%;justify-content:flex-start;gap:8px}
 .top .actions button{min-height:44px;font-size:13px}
 .workspace{margin-top:14px}
 .hero{padding:24px}.hero p{font-size:16px}
 .quick{grid-template-columns:1fr;gap:10px}
 .quick button{display:flex;min-height:82px;padding:16px}
 .quick small{font-size:14px}
 .banner{font-size:13px;padding:12px 16px}
 .content{padding:20px 16px}.casebar{padding:14px 16px}
 .timeline{flex-wrap:wrap}.timeline input{flex-basis:55%}
 .actions>button{max-width:100%}
 .doc dl{display:block}
 .footer{padding:18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.pgw-icon{display:none}#print-page{overflow-wrap:anywhere}#print-page a{color:black}}

/* v4.1: one immediate action; a calm PGW desktop confirmation. */
.start-hero .start-now{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:68px;margin-top:24px;background:#fff;color:#0c2c54;border:2px solid #fff;border-radius:12px;font:700 1.25rem/1.3 PGWInter,Arial,sans-serif;padding:18px 22px;box-shadow:none}
.start-hero .start-now:hover{background:#e9f7fb;border-color:#e9f7fb}
.start-hero .start-now:focus-visible{outline:3px solid #66d1ea;outline-offset:5px}
.start-hero .start-now svg{width:24px;height:24px;flex:none}
.start-hero p.start-note{font-size:.875rem;line-height:1.55;margin:18px 0 0;color:#dbeaf4;max-width:60ch}
.past-start{padding:28px 0 24px;border-bottom:1px solid var(--line)}
.past-start h2{margin:0 0 6px;font-size:1.125rem}
.past-start p{margin:0 0 16px;color:var(--muted)}
.start-options{margin:22px 0}
.start-options summary{padding:12px 0;color:var(--navy);font-weight:700;cursor:pointer}
.start-options .actions{padding:12px 0}
.pgw-confirm{box-sizing:border-box;width:min(520px,calc(100vw - 40px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;padding:32px;border:1px solid #d5dee8;border-top:4px solid #16abd4;border-radius:16px;background:#fff;color:#16202e;box-shadow:0 20px 64px #06152b33;font:400 1rem/1.6 PGWInter,Inter,Arial,sans-serif;text-align:left}
.pgw-confirm::backdrop{background:#06152b66}
.pgw-confirm h2{margin:0 0 12px;font-size:1.5rem;line-height:1.3;color:#0c2c54;font-weight:700}
.pgw-confirm p{margin:0;color:#526174;max-width:60ch}
.pgw-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:28px}
.pgw-confirm-actions button{min-height:48px;padding:12px 20px;font:700 1rem/1.3 PGWInter,Arial,sans-serif;border:1px solid #b7c7d9;border-radius:10px;background:#fff;color:#0c2c54;cursor:pointer}
.pgw-confirm-actions button.pgw-confirm-delete{background:#b91c1c;color:#fff;border-color:#b91c1c}
.pgw-confirm-actions button.primary{background:#0c2c54;color:#fff;border-color:#0c2c54}
.pgw-confirm-actions button:focus-visible{outline:3px solid #0e7e9e;outline-offset:4px}
@media(max-width:420px){.start-hero .start-now{font-size:1.125rem;padding:18px 14px}}
