.oinp-wp-calculator {
    --oinp-primary: #1d4f91;
    --oinp-primary-dark: #143a6d;
    --oinp-soft: #eef5fc;
    --oinp-border: #d9e1ea;
    --oinp-text: #17202a;
    --oinp-muted: #5d6b78;
    --oinp-bg: #ffffff;
    box-sizing: border-box;
    max-width: 980px;
    margin: 24px auto;
    padding: 0;
    color: var(--oinp-text);
    background: var(--oinp-bg);
    font-family: inherit;
    line-height: 1.5;
}
.oinp-wp-calculator *, .oinp-wp-calculator *::before, .oinp-wp-calculator *::after { box-sizing: border-box; }
.oinp-wp-toolbar { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:18px; }
.oinp-wp-toolbar h2 { margin:0 0 6px; font-size:clamp(24px,4vw,34px); line-height:1.2; }
.oinp-wp-subtitle { margin:0; color:var(--oinp-muted); }
.oinp-wp-language { min-width:120px; }
.oinp-wp-calculator label > span { display:block; font-weight:600; margin-bottom:6px; }
.oinp-wp-calculator select,
.oinp-wp-calculator input {
    width:100%; min-height:46px; border:1px solid var(--oinp-border); border-radius:8px;
    background:#fff; color:var(--oinp-text); padding:10px 12px; font:inherit;
}
.oinp-wp-calculator select:focus,
.oinp-wp-calculator input:focus { outline:3px solid rgba(29,79,145,.18); border-color:var(--oinp-primary); }
.oinp-wp-calculator small { display:block; color:var(--oinp-muted); margin-top:6px; }
.oinp-wp-notice { padding:14px 16px; background:var(--oinp-soft); border-left:4px solid var(--oinp-primary); border-radius:7px; margin-bottom:18px; }
.oinp-wp-scorebar { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:12px; margin-bottom:20px; }
.oinp-wp-score-card { border:1px solid var(--oinp-border); border-radius:10px; padding:16px; min-height:112px; display:flex; flex-direction:column; justify-content:center; }
.oinp-wp-score-card span { color:var(--oinp-muted); }
.oinp-wp-score-card strong { display:block; font-size:30px; color:var(--oinp-primary); line-height:1.1; margin-top:7px; }
.oinp-wp-score-card strong small { display:inline; font-size:15px; margin-left:3px; }
.oinp-wp-total-card { background:var(--oinp-primary); border-color:var(--oinp-primary); }
.oinp-wp-total-card span, .oinp-wp-total-card strong, .oinp-wp-total-card strong small { color:#fff; }
.oinp-wp-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.oinp-wp-section { border:1px solid var(--oinp-border); border-radius:10px; padding:18px; }
.oinp-wp-section h3 { display:flex; align-items:center; gap:10px; margin:0 0 16px; font-size:20px; }
.oinp-wp-step { width:30px; height:30px; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; color:#fff; background:var(--oinp-primary); font-size:14px; flex:0 0 auto; }
.oinp-wp-two-col { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.oinp-wp-mini-scores { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.oinp-wp-mini-scores > div { background:#f7f9fb; border-radius:8px; padding:12px; }
.oinp-wp-mini-scores span, .oinp-wp-mini-scores small { display:block; color:var(--oinp-muted); }
.oinp-wp-mini-scores strong { display:block; font-size:24px; color:var(--oinp-primary); margin-top:3px; }
.oinp-wp-section label + label { margin-top:14px; }
.oinp-wp-two-col label + label { margin-top:0; }
.oinp-wp-regions { margin-top:14px; }
.oinp-wp-regions summary { cursor:pointer; color:var(--oinp-primary); font-weight:600; }
.oinp-wp-regions div { margin-top:10px; padding:12px 14px; background:#f7f9fb; border-radius:8px; font-size:14px; }
.oinp-wp-regions p { margin:5px 0; }
.oinp-wp-breakdown-section { margin-top:18px; border:1px solid var(--oinp-border); border-radius:10px; padding:18px; }
.oinp-wp-breakdown-section h3 { margin:0 0 10px; }
.oinp-wp-breakdown-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px 2px; border-bottom:1px solid var(--oinp-border); }
.oinp-wp-breakdown-row:last-child { border-bottom:0; }
.oinp-wp-breakdown-row strong { white-space:nowrap; color:var(--oinp-primary); }
.oinp-wp-actions { margin-top:18px; }
.oinp-wp-actions button { border:0; border-radius:8px; padding:11px 18px; color:#fff; background:var(--oinp-primary); cursor:pointer; font:inherit; font-weight:600; }
.oinp-wp-actions button:hover { background:var(--oinp-primary-dark); }
.oinp-wp-footer { margin-top:22px; padding-top:14px; border-top:1px solid var(--oinp-border); color:var(--oinp-muted); font-size:13px; }
.oinp-wp-footer p { margin:5px 0; }
.oinp-wp-footer a { color:var(--oinp-primary); }
.oinp-wp-calculator [hidden] { display:none !important; }
.oinp-wp-disabled { opacity:.55; }
@media (max-width:720px) {
    .oinp-wp-toolbar { flex-direction:column; }
    .oinp-wp-language { width:100%; }
    .oinp-wp-scorebar, .oinp-wp-two-col, .oinp-wp-mini-scores { grid-template-columns:1fr; }
    .oinp-wp-two-col label + label { margin-top:0; }
}