.ofp{--blue:#164ead;--ink:#193047;--line:#dce4ef;--soft:#f3f7fc;color:var(--ink);font:16px/1.65 Arial,sans-serif;max-width:980px;margin:0 auto}.ofp *{box-sizing:border-box}.ofp h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.25;margin:12px 0 20px}.ofp h3{font-size:1.15rem;margin:16px 0 10px}.ofp p{margin:12px 0}.ofp-kicker{font-size:.78rem;font-weight:700;letter-spacing:.13em;color:var(--blue)}.ofp-hero{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#edf4ff,#fff)}.ofp-badges{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none!important}.ofp-badges li,.ofp-chips span{background:white;border:1px solid var(--line);padding:8px 14px;border-radius:10px}.ofp-mix,.ofp-small{font-size:.85rem;color:#526478}.ofp-note{padding:16px 20px;background:#f1f6e7;border-left:4px solid #85a538;border-radius:8px}.ofp-panel{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;margin:24px 0}.ofp label{display:block;font-weight:600}.ofp select{display:block;width:100%;max-width:450px;padding:13px;margin:10px 0 20px;border:1px solid #aebed1;border-radius:8px;background:#fff;color:var(--ink);font:inherit}.ofp-button{display:inline-block;padding:12px 22px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:9px;cursor:pointer;font:700 15px/1.5 Arial,sans-serif;min-height:46px}.ofp-button.secondary{color:var(--blue);background:#fff}.ofp-button:disabled{opacity:.5;cursor:default}.ofp button:focus-visible,.ofp a:focus-visible,.ofp input:focus-visible,.ofp select:focus-visible{outline:3px solid #deac22;outline-offset:3px}.ofp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ofp-timing{display:flex;gap:20px;flex-wrap:wrap;background:var(--soft);padding:16px;border-radius:10px;margin:15px 0}.ofp-timing div{flex:1;min-width:130px}.ofp-timing span,.ofp-timing strong{display:block}.ofp progress{display:block;width:100%;height:12px;accent-color:var(--blue);margin:18px 0}.ofp-chips{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;margin:22px 0}.ofp-chips span{background:var(--soft);padding:5px 10px}.ofp-question{white-space:pre-line}.ofp-read-aloud{padding:16px;border-radius:10px;background:#fff8e7}.ofp-diagram{display:block;width:auto;max-width:100%;max-height:380px;object-fit:contain;margin:20px auto}.ofp fieldset{border:0;padding:0;margin:20px 0}.ofp legend{font-weight:700;margin-bottom:12px}.ofp-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ofp-choice{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;border:2px solid var(--line);padding:16px;border-radius:12px;cursor:pointer;min-height:65px;overflow-wrap:anywhere}.ofp-choice.selected{border-color:var(--blue);background:#eff5ff}.ofp-choice.correct{border-color:#368958;background:#eff9f1}.ofp-choice input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.ofp-choice-image{display:block;max-width:100%;height:145px;width:100%;object-fit:contain}.ofp-feedback{padding:20px;background:#eff9f1;border-left:4px solid #368958;border-radius:10px;margin:20px 0}.ofp-feedback.incorrect{background:#fff8ed;border-color:#bc883c}.ofp-score{display:block;font-size:2rem;margin:20px 0}.ofp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0}.ofp-cards article,.ofp-lesson{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.ofp-lesson{display:flex;flex-direction:column;gap:10px;text-decoration:none}.ofp-lesson span{font-size:.85rem}.ofp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.ofp details{margin:25px 0;border:1px solid var(--line);border-radius:10px;padding:15px}.ofp summary{cursor:pointer;font-weight:700}.ofp-review{padding:20px 0;border-bottom:1px solid var(--line);break-inside:avoid}.ofp-review-image{display:block;width:120px;height:120px;object-fit:contain}.ofp-status{color:#974927}.ofp-review div{margin:10px 0}@media(max-width:600px){.ofp-panel,.ofp-hero{padding:20px}.ofp-options{gap:10px}.ofp-choice{padding:10px}.ofp-choice-image{height:110px}.ofp-top p{margin:5px 0}.ofp h2{font-size:1.5rem}}@media print{.ofp-button,.ofp-hero,.ofp-note,.ofp-actions,.article-next{display:none!important}.ofp-panel{padding:0;border:0}.ofp-cards{grid-template-columns:repeat(3,1fr)}.ofp details:not([open])>*:not(summary){display:none}.ofp progress{print-color-adjust:exact}}
.page-id-13 .article-body.narrow{width:min(1160px,calc(100% - 32px));padding:24px}
.page-id-13 .article-header .narrow{width:min(1110px,calc(100% - 48px))}
.page-id-13 .ofp{max-width:none}
.page-id-13 .site-header{position:relative;top:auto}
.ofp .ofp-panel{padding:24px;margin:16px 0}
.ofp .ofp-panel{scroll-margin-top:16px}
.admin-bar .ofp .ofp-panel{scroll-margin-top:48px}
.ofp .ofp-top{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:start}
.ofp .ofp-top p{margin:0}
.ofp .ofp-top p:first-child{font-weight:700}
.ofp .ofp-top p:nth-child(2){grid-column:1;grid-row:2;font-size:.85rem;color:#526478}
.ofp .ofp-top .ofp-button{grid-column:2;grid-row:1 / span 2;padding:5px 10px;min-height:36px}
.ofp .ofp-panel>.ofp-timing{gap:10px;background:transparent;padding:0;margin:16px 0 6px}
.ofp .ofp-panel>.ofp-timing div{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:9px 12px}
.ofp .ofp-timing span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.ofp .ofp-timing strong{color:var(--blue)}
.ofp .ofp-panel>.ofp-small{margin:4px 0 10px}
.ofp .ofp-panel>progress{height:9px;margin:12px 0 18px}
.ofp .ofp-chips{gap:8px;margin:12px 0 8px}
.ofp .ofp-chips span{border:0;border-radius:20px;font-weight:700}
.ofp .ofp-chips span:first-child{color:#147447;background:#edf7f4}
.ofp .ofp-chips+p{font-size:.88rem;margin:6px 0;color:#526478}
.ofp h2.ofp-question{font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.3;margin:8px 0 12px}
.ofp fieldset{margin:12px 0 16px}
.ofp legend{margin-bottom:6px}
.ofp .ofp-diagram{margin:12px auto}
.ofp .ofp-options{gap:12px}
.ofp .ofp-choice{padding:12px;min-height:70px}
.ofp .ofp-choice>strong{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#edf4ff;color:var(--blue)}
@media(max-width:600px){
 .page-id-13 .article-body.narrow{width:calc(100% - 20px);padding:12px}
 .ofp .ofp-panel{padding:16px}
 .ofp .ofp-panel>.ofp-timing div{padding:8px;gap:6px}
 .ofp .ofp-timing span{font-size:.65rem}
 .ofp .ofp-choice{padding:10px;gap:6px}
 .ofp .ofp-top .ofp-button{font-size:.8rem}
}