.pco-raid{color-scheme:light;--navy:#17265d;--purple:#655095;--ink:#202b43;--muted:#536079;--line:#dce1ed;--wash:#f5f6fb}
.pco-raid, .pco-raid *{box-sizing:border-box}
.pco-raid{margin:0;background:var(--wash);color:var(--ink);font-family:"Varela Round",Arial,sans-serif;line-height:1.65}
.pco-raid button, .pco-raid input, .pco-raid select{font:inherit}
.pco-raid a{color:#47377b;text-underline-offset:3px}
.pco-raid :focus-visible{outline:3px solid #8472b7;outline-offset:4px}
.pco-raid [hidden]{display:none!important}
.pco-raid bdi{unicode-bidi:isolate}
.pco-raid .wrap{max-width:1080px;margin:auto;padding:28px 24px 40px}
.pco-raid .brand{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--navy);padding-bottom:24px;border-bottom:1px solid var(--line)}
.pco-raid .brand-name{direction:ltr;font-size:1.22rem;font-weight:700}
.pco-raid .brand span:last-child{font-size:.85rem;color:var(--muted)}
.pco-raid .hero{padding:36px 0 24px;max-width:760px}
.pco-raid .eyebrow{color:var(--purple);font-weight:700;font-size:.9rem;margin:0 0 8px}
.pco-raid .pco-raid-title{margin:0 0 12px;color:var(--navy);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.3}
.pco-raid h2{font-size:1.2rem;color:var(--navy);margin:0 0 18px}
.pco-raid p{margin:0 0 12px}
.pco-raid .intro{font-size:1.04rem;color:var(--muted);margin:0}
.pco-raid .layout{display:grid;grid-template-columns:1.06fr 1fr;gap:22px;align-items:start}
.pco-raid .card{border:1px solid var(--line);border-radius:18px;background:white;padding:25px;box-shadow:0 5px 20px #1a285007}
.pco-raid .fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.pco-raid .field-wide{grid-column:1/-1}
.pco-raid label{display:block;font-weight:700;font-size:.94rem;margin-bottom:6px}
.pco-raid input, .pco-raid select{width:100%;min-height:48px;border:1px solid #aeb9cf;border-radius:9px;background:white;color:var(--ink);padding:9px 12px}
.pco-raid input{direction:ltr;text-align:right}
.pco-raid input[aria-invalid="true"], .pco-raid select[aria-invalid="true"]{border:2px solid #a12b3b}
.pco-raid .hint{color:var(--muted);font-size:.8rem;line-height:1.5;margin:6px 0 0}
.pco-raid .error{font-size:.82rem;color:#a12b3b;margin:6px 0 0}
.pco-raid .assumption{background:#f5f2fb;border-radius:10px;padding:11px 13px;font-size:.84rem;margin-top:20px}
.pco-raid .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pco-raid button{min-height:46px;border:1px solid var(--navy);border-radius:9px;padding:10px 18px;cursor:pointer;font-weight:700}
.pco-raid button[data-raid-id="calculate-button"]{background:var(--navy);color:white}
.pco-raid button[data-raid-id="reset-button"]{background:white;color:var(--navy)}
.pco-raid button:hover{filter:brightness(.95)}
.pco-raid button:disabled{opacity:.55;cursor:default}
.pco-raid .feedback{margin:16px 0 0;font-size:.87rem;color:var(--muted)}
.pco-raid .feedback.invalid{color:#a12b3b}
.pco-raid .result-card{border-top:4px solid var(--purple)}
.pco-raid .metric{padding:16px 0;border-bottom:1px solid var(--line)}
.pco-raid .metric:first-of-type{padding-top:0}
.pco-raid .metric-label{font-size:.9rem;margin-bottom:3px}
.pco-raid .metric-number{font-size:2.15rem;color:var(--navy);font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.pco-raid .metric-secondary{font-size:.83rem;color:var(--muted);margin:4px 0 0}
.pco-raid .metric.planning{background:#f5f2fb;padding:15px;border:0;border-radius:12px;margin-top:17px}
.pco-raid .formula{font-size:.88rem;color:var(--muted);margin:16px 0;overflow-wrap:anywhere}
.pco-raid .breakdown{margin:14px 0 0}
.pco-raid .breakdown div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #edf0f6;font-size:.88rem}
.pco-raid .breakdown dt, .pco-raid .breakdown dd{margin:0}
.pco-raid .breakdown dd{font-weight:700;white-space:nowrap}
.pco-raid .tolerance{font-size:.86rem;background:#f6f8fc;padding:12px;border-radius:10px;margin:16px 0 0}
.pco-raid .empty{color:var(--muted);padding:20px 0}
.pco-raid .note{border:1px solid #ded7eb;border-radius:12px;background:#faf8fd;padding:15px 18px;font-size:.9rem;margin:22px 0}
.pco-raid .details{margin-top:22px}
.pco-raid .details summary{cursor:pointer;font-weight:700;color:var(--navy);padding:3px 0}
.pco-raid .details ul{margin:14px 0 0;padding-inline-start:22px;font-size:.88rem}
.pco-raid .details li+li{margin-top:8px}
.pco-raid .sources{margin-top:22px;border-top:1px solid var(--line);padding-top:20px;font-size:.83rem;color:var(--muted)}
.pco-raid .sources h2{font-size:1rem;margin-bottom:8px}
.pco-raid .sources ul{padding-inline-start:20px;margin:8px 0}
.pco-raid .privacy{font-size:.82rem;color:var(--muted);margin-top:20px}
.pco-raid .footer{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:var(--muted);font-size:.8rem}
@media(max-width:760px){
.pco-raid .wrap{padding:20px 16px 28px}
.pco-raid .hero{padding:26px 0 22px}
.pco-raid .layout{grid-template-columns:1fr}
.pco-raid .card{padding:20px}
.pco-raid .brand{padding-bottom:16px}
.pco-raid .brand span:last-child{max-width:52%;text-align:left}
.pco-raid .metric-number{font-size:2rem}
}
@media(max-width:390px){
.pco-raid .fields{grid-template-columns:1fr}
.pco-raid .field-wide{grid-column:auto}
.pco-raid .actions button{width:100%}
.pco-raid .breakdown div{gap:8px;font-size:.82rem}
}
@media print{
.pco-raid{background:white}
.pco-raid .card{box-shadow:none}
.pco-raid .actions, .pco-raid .privacy{display:none}
}