/* OFW: one clear route from a visitor's task to the right product. */
#ofw#ofw{--bg:#09151e;--surface:#102532;--line:#28404d;--gold:#f1cb7c;--muted:#b6c6ce;background:radial-gradient(ellipse at 95% 2%,#143440 0,transparent 26%),#09151e;color:#f3f6f7}
#ofw#ofw .wrap{max-width:1280px;padding:0 40px}
#ofw#ofw .nav{gap:24px;padding:18px 0;flex-wrap:nowrap}
#ofw#ofw .nav nav{gap:16px;flex-wrap:wrap;font-size:12px;justify-content:center}
#ofw#ofw .brand{flex-shrink:0;gap:10px;width:auto}
#ofw#ofw .brand img{width:54px;height:54px}
#ofw#ofw .brand span{font-size:10px;letter-spacing:.12em}
#ofw#ofw .nav>.btn{font-size:12px;min-height:44px;padding:12px 16px;flex-shrink:0}
#ofw#ofw .btn{border-color:#d4b679;color:#f1cb7c;border-radius:8px;gap:16px;min-height:48px;font-size:14px}
#ofw#ofw .btn.primary{background:#f1cb7c;border-color:#f1cb7c;color:#14222a;box-shadow:none}
#ofw#ofw .btn.primary:hover{background:#ffe2aa;border-color:#ffe2aa;color:#14222a}
#ofw#ofw .btn.secondary:hover{background:#233642;color:#fff;border-color:#f1cb7c}
#ofw#ofw .eyebrow{color:#f1cb7c;font-size:11px;letter-spacing:.16em}
#ofw#ofw h2{font-size:clamp(32px,3.6vw,48px);line-height:1.14;text-transform:none}
#ofw#ofw h3{font-size:25px;text-transform:none}
#ofw#ofw section{padding:68px 0}
#ofw#ofw .band{background:#0e202c;border-color:#28404d}
#ofw#ofw .hero.hero-v2{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:36px;padding:36px 0 42px;margin:0;border:0;border-radius:0;box-shadow:none;min-height:0;overflow:visible;background:none}
#ofw#ofw .hero-v2:before,#ofw#ofw .hero-v2:after{display:none}
#ofw#ofw .hero-v2 .hero-background{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:560px;object-fit:cover;object-position:62% center;opacity:1;border-radius:12px;mask-image:none;filter:none}
#ofw#ofw .hero-copy{position:relative;grid-column:1;grid-row:1;max-width:100%;padding:18px 0;z-index:1}
#ofw#ofw .hero-copy h1{font-size:clamp(48px,5.4vw,74px);max-width:600px;line-height:1.03;letter-spacing:-.03em;text-transform:none;margin:22px 0}
#ofw#ofw h1 em{color:#f1cb7c;font-style:normal}
#ofw#ofw .hero-copy .intro{max-width:490px;font-size:17px;line-height:1.7;margin:0 0 26px;color:#c6d4dc}
#ofw#ofw .hero-note{font-size:12px;line-height:1.7;color:#b6c6ce;max-width:400px;margin:16px 0 0}
#ofw#ofw .hero-shortcuts{display:flex;gap:24px;flex-wrap:wrap;margin:34px 0 0;font-size:13px}
#ofw#ofw .hero-shortcuts a{padding:8px 0;border-bottom:1px solid #55717d;color:#d5e4e9}
#ofw#ofw .hero-index{position:absolute;right:20px;bottom:61px;padding:6px 12px;background:#09151ed9;color:#f1cb7c;font:12px monospace;border-radius:4px;letter-spacing:.12em}
#ofw#ofw #start{padding:36px 0 68px}
#ofw#ofw .goal-grid,#ofw#ofw .bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#ofw#ofw .goal-card{padding:28px;display:flex;flex-direction:column;background:#102532;border:1px solid #37515f;border-radius:12px;min-width:0;transition:border-color .2s,transform .2s}
#ofw#ofw .goal-card:hover{border-color:#f1cb7c;transform:translateY(-3px)}
#ofw#ofw .goal-number,#ofw#ofw .bot-tag{color:#f1cb7c;font-size:10px;letter-spacing:.16em;font-weight:800}
#ofw#ofw .goal-card h3{margin:22px 0 14px;max-width:250px;font-size:27px}
#ofw#ofw .goal-card p{color:#b6c6ce;font-size:14px;line-height:1.7;margin:0 0 26px}
#ofw#ofw .goal-card strong{margin-top:auto;display:flex;justify-content:space-between;gap:10px;color:#f1cb7c;font-size:13px}
#ofw#ofw .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
#ofw#ofw .about-grid p{margin:0 0 18px;color:#b6c6ce;max-width:570px}
#ofw#ofw .about-compact{border-bottom:1px solid #28404d}
#ofw#ofw #school .section-intro{grid-template-columns:340px 1fr;gap:36px}
#ofw#ofw #school .section-photo{max-height:280px;object-fit:cover}
#ofw#ofw #school .school-catalog{margin-top:28px}
#ofw#ofw #school .card{border-color:#37515f;background:#112938}
#ofw#ofw .card-num{color:#f1cb7c;margin-bottom:20px}
#ofw#ofw .course-price{color:#f1cb7c}
#ofw#ofw .bot-card{padding:28px;background:#132c3b;border:1px solid #37515f;border-radius:12px;display:flex;flex-direction:column;min-width:0}
#ofw#ofw .bot-top{display:flex;align-items:center;gap:14px;margin-bottom:28px}
#ofw#ofw .bot-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #7799a6;border-radius:12px;font-size:32px;line-height:1;color:#a8e0df;background:#0b202b}
#ofw#ofw .bot-card p{font-size:14px;line-height:1.7;color:#bdcfd7;margin:0 0 20px}
#ofw#ofw .bot-card ol{padding-left:20px;color:#d5e4e9;font-size:13px;line-height:1.8;margin:0 0 28px}
#ofw#ofw .bot-card .btn{width:100%;margin-top:auto}
#ofw#ofw .bot-handle{font-size:11px;overflow-wrap:anywhere;color:#a9c1cd;margin-top:16px;text-align:center}
#ofw#ofw .bot-web{font-size:12px;color:#f1cb7c;text-decoration:underline;text-underline-offset:4px;text-align:center;padding:14px 0 0}
#ofw#ofw .bot-navigator{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:#0c222e}
#ofw#ofw .bot-navigator h3{margin:12px 0}.bot-navigator p{max-width:700px}
#ofw#ofw .bot-navigator .btn{margin:0;width:auto}
#ofw#ofw #ofw-applications .ofw-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#ofw#ofw #ofw-applications .ofw-app-card h3{font-size:24px}
#ofw#ofw #ofw-applications .ofw-app-card .btn{font-size:12px;padding:14px 12px}
#ofw#ofw #books h2,#ofw#ofw #music h2,#ofw#ofw #journal h2,#ofw#ofw #standards h2{font-size:clamp(30px,3vw,42px)}
#ofw#ofw #books .ofw-book-topics{gap:10px}
#ofw#ofw a:focus-visible,#ofw#ofw button:focus-visible,#ofw#ofw summary:focus-visible{outline:3px solid #f1cb7c;outline-offset:5px}
#ofw#ofw [id^="course-"]{scroll-margin-top:24px}
@media(max-width:1100px){#ofw#ofw .nav{flex-wrap:wrap}#ofw#ofw .nav nav{order:3;width:100%;justify-content:flex-start;gap:10px 20px}#ofw#ofw .nav>.btn{display:inline-flex;margin-left:auto}#ofw#ofw .hero-v2 .hero-background{height:520px}#ofw#ofw .hero.hero-v2{gap:24px}#ofw#ofw #ofw-applications .ofw-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#ofw#ofw .wrap{padding:0 22px}#ofw#ofw .hero.hero-v2{grid-template-columns:1fr;gap:20px;padding-top:24px}#ofw#ofw .hero-copy{grid-column:1;grid-row:1;padding:12px 0}#ofw#ofw .hero-v2 .hero-background{grid-column:1;grid-row:2;height:330px;object-position:center 38%}#ofw#ofw .hero-copy h1{font-size:clamp(45px,9vw,62px)}#ofw#ofw .hero-index{bottom:58px}#ofw#ofw .goal-grid,#ofw#ofw .bot-grid{grid-template-columns:1fr}#ofw#ofw .goal-card h3{max-width:none}#ofw#ofw .goal-card{padding:24px}#ofw#ofw #school .section-intro{grid-template-columns:1fr}#ofw#ofw #school .section-photo{display:none}#ofw#ofw .about-grid{grid-template-columns:1fr;gap:24px}#ofw#ofw .bot-navigator{grid-template-columns:1fr;gap:16px}#ofw#ofw .bot-navigator .btn{width:100%}#ofw#ofw section{padding:48px 0}#ofw#ofw #start{padding:20px 0 48px}#ofw#ofw .heading{display:block;margin-bottom:24px}#ofw#ofw .heading p{margin-top:16px}#ofw#ofw .hero-shortcuts{margin-top:24px}}
@media(max-width:480px){#ofw#ofw .nav nav{font-size:11px;gap:8px 14px}#ofw#ofw .nav>.btn{font-size:11px;padding:10px 12px}#ofw#ofw .brand span{font-size:9px}#ofw#ofw .brand img{width:42px;height:42px}#ofw#ofw .hero-copy .actions{flex-direction:column;align-items:stretch}#ofw#ofw .hero-copy .btn{width:100%}#ofw#ofw #ofw-applications .ofw-app-grid{grid-template-columns:1fr}#ofw#ofw .bot-card{padding:24px}#ofw#ofw h2{font-size:34px}#ofw#ofw .hero-copy .intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){#ofw#ofw *,#ofw#ofw *:before,#ofw#ofw *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Audit 21.10.2026: readable comparisons and nutrition entry. */
#ofw#ofw .ofw-format-compare{margin:24px 0 12px;border:1px solid #a7bdcc;border-radius:12px;padding:16px;background:#fff;color:#0c2538}
#ofw#ofw .ofw-format-compare summary{cursor:pointer;min-height:44px;align-content:center;font-weight:700}
#ofw#ofw .ofw-table-scroll{overflow:auto;max-width:100%;margin-top:12px}
#ofw#ofw .ofw-format-compare table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}
#ofw#ofw .ofw-format-compare caption{text-align:left;padding:10px 0;color:#405b70}
#ofw#ofw .ofw-format-compare th,#ofw#ofw .ofw-format-compare td{text-align:left;padding:12px;border-bottom:1px solid #c7d5e0;vertical-align:top}
#ofw#ofw .ofw-format-compare a{color:#0c4260;text-decoration:underline;display:inline-block;padding:8px 0;min-height:44px}
#ofw#ofw .ofw-returning a{display:inline-block;padding:10px 0;min-height:44px;text-decoration:underline;color:#0c4260}
#ofw#ofw .ofw-ration-visual{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:240px;padding:28px;margin-bottom:24px;background:radial-gradient(ellipse at top right,#28564b,transparent 70%),#0b2430;color:#b6e6db}
#ofw#ofw .ofw-ration-visual strong{font:600 clamp(28px,3vw,40px)/1.15 Manrope,Arial,sans-serif;color:#f5f8fc}
#ofw#ofw .ofw-ration-visual span{font-size:12px;letter-spacing:.08em}
#ofw#ofw input,#ofw#ofw select,#ofw-help-input{font-size:16px;min-height:44px}
#ofw#ofw .btn{overflow-wrap:anywhere}
@media(max-width:700px){#ofw#ofw .ofw-format-compare{padding:12px}#ofw#ofw .ofw-format-compare th,#ofw#ofw .ofw-format-compare td{padding:9px;min-width:110px}#ofw#ofw .ofw-ration-visual{min-height:210px}#ofw#ofw .nav .brand img{width:48px;height:48px}}
/* School uses a light surface; keep text and all button states readable. */
#ofw#ofw #school .card{background:#fff;color:#0c2538;border-color:#b8cbd8}
#ofw#ofw #school .card h3{color:#0c2538}
#ofw#ofw #school .card p,#ofw#ofw #school .card ul{color:#405b70}
#ofw#ofw #school .card-num,#ofw#ofw #school .course-price{color:#126183}
#ofw#ofw #school .btn{color:#0c4260;border-color:#2682a6;background:transparent}
#ofw#ofw #school .btn:hover{color:#0c4260;background:#d5edf7}
#ofw#ofw #school .btn.primary{background:#0c4260;color:#fff;border-color:#0c4260}
#ofw#ofw #school .btn.primary:hover{background:#126183;color:#fff;border-color:#126183}
#ofw#ofw #school .eyebrow{color:#126183}
#ofw#ofw #school a:focus-visible,#ofw#ofw #school summary:focus-visible{outline-color:#126183}