:root{color-scheme:light;--ink: #17343b;--ink-soft: #4f6c70;--deep-sea: #27565f;--lagoon: #5c9a96;--lagoon-soft: #d8eeea;--sun: #f2a65e;--coral: #d97059;--cream: #fff8ed;--paper: #fffdf7;--pearl: #f8efe3;--mist: #eef7f4;--white: #ffffff;--muted: #687c7d;--line: rgba(39, 86, 95, .16);--green: #3c8f6a;--red: #c75f4a;--shadow: 0 20px 54px rgba(60, 74, 67, .16);--soft-shadow: 0 12px 30px rgba(60, 74, 67, .11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cream);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,rgba(242,166,94,.22),transparent 24rem),radial-gradient(circle at 12% 8%,rgba(92,154,150,.2),transparent 25rem),linear-gradient(180deg,var(--cream),#f5fbf7 62%,#fff8ed)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:var(--deep-sea)}.app-shell{min-height:100vh;padding:5.8rem 0 3rem}.brand,.ghost-button,.icon-button{border:0;color:var(--ink);background:transparent}.brand{display:inline-flex;align-items:center;gap:.7rem;min-width:0;font-weight:800}.brand-mark{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:8px;color:var(--paper);background:linear-gradient(135deg,var(--deep-sea),var(--lagoon));box-shadow:0 10px 22px #27565f38}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;padding:.55rem .75rem;border-radius:999px;color:var(--ink-soft);transition:background .18s ease,color .18s ease,transform .18s ease}.ghost-button:hover{color:var(--ink);background:#5c9a9624}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:clamp(2rem,6vw,5rem);margin-top:-5.8rem;padding-top:calc(clamp(2rem,6vw,5rem) + 5.8rem);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:8rem;background:linear-gradient(180deg,transparent,var(--cream))}.hero-image,.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#fff8edf5,#fff8edd1 42%,#fff8ed3d 78%),linear-gradient(180deg,#fff8ed2e,#27565f38)}.hero-content{position:relative;z-index:2;width:min(42rem,100%);padding-bottom:4rem}@media (min-width: 841px){.hero-content{width:min(42rem,calc(100% - min(32rem,48vw) - 5rem))}}.hero-layout{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto}.global-nav{display:grid;grid-template-columns:repeat(3,minmax(7.5rem,1fr));gap:.7rem;position:fixed;z-index:20;top:1.2rem;right:clamp(1rem,4vw,4.8rem);width:min(43rem,43vw);padding:.35rem;border:1px solid rgba(39,86,95,.12);border-radius:999px;background:#fffdf7ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 38px #3c4a4321}.global-nav.over-hero{background:#fffdf785}.quiet-nav{width:100%;min-height:3.25rem;justify-content:center;padding-inline:1rem;text-decoration:none;white-space:nowrap}.quiet-nav.active{border-color:#d970595c}.training-note{width:min(40rem,100%);margin-top:.9rem!important;padding:.9rem 1rem;border-left:4px solid rgba(217,112,89,.55);border-radius:14px;background:#fffdf7a3;font-size:.98rem!important;line-height:1.55!important}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--coral);font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:0}.hero h1,.page-header h1{margin:.85rem 0 1rem;font-size:clamp(1.45rem,2.35vw,2.25rem);line-height:1.16;letter-spacing:0}.hero p,.page-header p{margin:0;color:var(--ink-soft);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hero-actions,.quiz-actions,.form-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.language-strip{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.35rem;padding:.45rem;border:1px solid rgba(39,86,95,.14);border-radius:999px;background:#fffdf7a8;box-shadow:var(--soft-shadow)}.language-button{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffffb3;box-shadow:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.language-button:hover,.language-button.active{transform:translateY(-2px);border-color:#d9705985;background:#fffdf7;box-shadow:0 10px 22px #3c4a4324}.language-button.active{outline:3px solid rgba(216,238,234,.92)}.language-flag{font-size:1.45rem;line-height:1}.meta-pill{display:inline-flex;align-items:center;min-height:2.45rem;margin-top:.85rem;padding:.42rem .75rem;border:1px solid rgba(85,240,255,.32);border-radius:999px;color:var(--deep-sea);background:#d8eeeae6;font-weight:800}.primary-action,.secondary-action,.exam-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.25rem;padding:.85rem 1.08rem;border:1px solid transparent;border-radius:999px;font-weight:800;color:var(--ink);box-shadow:var(--soft-shadow);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.primary-action{color:var(--paper);background:linear-gradient(135deg,var(--deep-sea),var(--lagoon));box-shadow:0 16px 34px #27565f3d}.secondary-action{color:var(--deep-sea);background:#fffdf7e0;border-color:#27565f2e}.exam-action{color:#653324;background:linear-gradient(135deg,#ffe0b8,#f5b174);border-color:#d9705933}.exam-availability-note{width:min(42rem,100%);margin-top:.85rem!important;padding:.75rem .9rem;border-left:4px solid var(--coral);color:var(--ink)!important;background:#fffdf7d1;font-size:.92rem!important;line-height:1.55!important}.primary-action:hover,.secondary-action:hover,.exam-action:hover,.topic-card:hover,.answer-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #3c4a4324}.compact{min-height:2.65rem;padding:.62rem .9rem}.dashboard-grid{position:relative;z-index:3;width:min(1180px,calc(100% - 2rem));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:-5rem auto 2rem}.dashboard-grid.no-hero{margin:0 0 1rem;width:100%}.home-dashboard-grid{margin-top:0}.seo-landing{width:min(1180px,calc(100% - 2rem));display:grid;grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);gap:1rem;margin:0 auto 1.2rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fffdf7c7;box-shadow:var(--soft-shadow)}.seo-landing h2{margin:0 0 .45rem;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.25}.seo-landing p{margin:0;color:var(--ink-soft);line-height:1.65}.seo-phrases{display:flex;flex-wrap:wrap;align-content:center;gap:.45rem}.seo-phrases span{padding:.38rem .58rem;border:1px solid rgba(39,86,95,.14);border-radius:999px;color:var(--deep-sea);background:#d8eeea94;font-size:.88rem;font-weight:700}.sailor-guide,.app-seo-fallback{width:min(1180px,calc(100% - 2rem));margin:0 auto 2rem;color:var(--ink)}.sailor-guide-heading,.seo-guide-hero{padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sailor-guide-heading>span,.seo-guide-kicker{display:block;margin:0 0 .6rem;color:var(--coral);font-size:.82rem;font-weight:800;text-transform:uppercase}.sailor-guide h2,.app-seo-fallback h2{margin:0 0 .7rem;font-size:clamp(1.08rem,1.8vw,1.42rem);line-height:1.3}.sailor-guide p,.sailor-guide li,.app-seo-fallback p,.app-seo-fallback li{color:var(--ink-soft);line-height:1.7}.sailor-guide-grid,.seo-guide-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.sailor-guide-grid article,.seo-guide-body>section{padding:1.35rem 0;border-bottom:1px solid var(--line)}.sailor-guide-grid ul,.sailor-guide-grid ol,.seo-guide-body ul,.seo-guide-body ol{margin:0;padding-left:1.25rem}.sailor-guide-facts,.seo-guide-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.2rem 0 0;padding:0;list-style:none}.sailor-guide-facts li,.seo-guide-facts li{display:grid;gap:.2rem;padding:.75rem;border-left:3px solid var(--lagoon);background:#d8eeea75}.sailor-guide-facts strong,.seo-guide-facts strong{color:var(--deep-sea);font-size:1.18rem}.sailor-guide-sources,.sailor-guide-faq,.sailor-guide-related,.seo-guide-faq,.related-tools{padding:1.35rem 0;border-bottom:1px solid var(--line)}.sailor-guide-sources ul,.sailor-guide-related ul,.related-tools ul{display:flex;flex-wrap:wrap;gap:.55rem 1.2rem;padding-left:1.2rem}.sailor-guide-faq details,.seo-guide-faq details{padding:.9rem 0;border-top:1px solid var(--line)}.sailor-guide-faq summary,.seo-guide-faq summary{color:var(--ink);font-weight:800;cursor:pointer}.sailor-guide-faq details p,.seo-guide-faq details p{margin-bottom:0}.seo-guide-hero h1{margin:0 0 .8rem;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.2}.seo-guide-lead{max-width:54rem}.official-faq{width:min(1180px,calc(100% - 2rem));margin:0 auto 2rem;padding:clamp(1rem,3vw,1.45rem);border:1px solid rgba(39,86,95,.14);border-radius:8px;background:linear-gradient(135deg,#fffdf7e6,#fff8edb8),radial-gradient(circle at 100% 0%,rgba(242,166,94,.16),transparent 24rem);box-shadow:var(--soft-shadow)}.section-kicker,.faq-main-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--coral);font-size:.82rem;font-weight:800;text-transform:uppercase}.faq-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:.55rem 0 1rem}.faq-heading h2{margin:0 0 .45rem;font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.2}.faq-heading p{max-width:48rem;margin:0;color:var(--ink-soft);line-height:1.65}.faq-main-link{flex:0 0 auto;min-height:2.55rem;padding:.55rem .8rem;border:1px solid rgba(39,86,95,.16);border-radius:999px;color:var(--deep-sea);background:#fffdf7cc;text-decoration:none;text-transform:none;box-shadow:0 10px 22px #3c4a4317}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.faq-card{display:grid;gap:.65rem;align-content:start;padding:1rem;border:1px solid rgba(39,86,95,.13);border-radius:8px;background:#fffdf7b8}.faq-card h3{margin:0;color:var(--ink);font-size:1rem;line-height:1.35}.faq-card p{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.6}.stat-card,.panel,.quiz-card,.topic-card,.admin-login,.question-form,.admin-row,.mistake-row{border:1px solid var(--line);border-radius:8px;background:#fffdf7db;box-shadow:var(--shadow)}.stat-card{min-height:9rem;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.stat-card svg{color:var(--coral)}.stat-card span,.mistake-row span,.admin-row span,.quiz-meta,.official-notice,.empty-state span{color:var(--muted)}.stat-card strong{font-size:clamp(1.9rem,4vw,3rem);line-height:1}.page,.quiz-page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.2rem,4vw,3rem) 0}.page.narrow{width:min(520px,calc(100% - 2rem))}.page-header{margin-bottom:1.4rem}.page-header h1{font-size:clamp(1.65rem,3.4vw,2.65rem)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.learning-intro{margin-bottom:1rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#fffdf7e6,#d8eeea99),radial-gradient(circle at 100% 0%,rgba(242,166,94,.12),transparent 20rem);box-shadow:var(--soft-shadow)}.learning-intro h2{margin:.55rem 0 .45rem;font-size:clamp(1.25rem,2.2vw,1.9rem);line-height:1.2}.learning-intro p{max-width:58rem;margin:0;color:var(--ink-soft);line-height:1.65}.learning-topic-grid{display:grid;gap:1rem}.learning-topic-card{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fffdf7db;box-shadow:var(--shadow)}.learning-topic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.learning-topic-head span{display:inline-flex;align-items:center;gap:.55rem;color:var(--deep-sea);font-weight:900;line-height:1.35}.learning-topic-head strong{flex:0 0 auto;padding:.35rem .6rem;border-radius:999px;color:var(--deep-sea);background:#d8eeead1;font-size:.92rem}.learning-topic-card>p{margin:0;color:var(--ink-soft);line-height:1.6}.learning-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.learning-columns div{padding:.85rem;border:1px solid rgba(39,86,95,.11);border-radius:8px;background:#fff8ed94}.learning-columns h3{margin:0 0 .55rem;color:var(--ink);font-size:.95rem}.learning-columns ul{display:grid;gap:.42rem;margin:0;padding-left:1.1rem;color:var(--ink-soft);line-height:1.5}.topic-card{min-height:8rem;padding:1rem;text-align:left;color:var(--ink);transition:transform .18s ease,border-color .18s ease}.topic-card span{display:flex;align-items:center;gap:.55rem;color:var(--deep-sea);font-weight:800}.topic-card strong{display:block;margin-top:1.6rem;font-size:1.45rem}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.quiz-top span,.quiz-top strong{display:inline-flex;align-items:center;gap:.4rem}.progress-track{height:.45rem;border-radius:999px;overflow:hidden;background:#27565f1f;margin-bottom:1rem}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lagoon),var(--sun));transition:width .22s ease}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;max-width:860px;margin-inline:auto}.quiz-card{padding:clamp(1rem,4vw,2rem);background:linear-gradient(180deg,#fffdf7f5,#f8efe3e6),var(--paper)}.quiz-meta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.7rem;margin-bottom:1rem;font-weight:800}.quiz-number{justify-self:start}.quiz-topic{justify-self:end;text-align:right}.learning-mode-control{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-width:max-content;margin:0;padding:.22rem;border:1px solid rgba(39,86,95,.24);border-radius:999px;background:#ffffffb8;box-shadow:0 7px 18px #3c4a4314}.learning-mode-control legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.learning-mode-control label{display:inline-flex;align-items:center;gap:.34rem;min-height:2.15rem;padding:.35rem .65rem;border-radius:999px;color:var(--ink-soft);font-size:.82rem;font-weight:800;cursor:pointer}.learning-mode-control label:has(input:checked){color:#fff;background:linear-gradient(135deg,var(--deep-sea),var(--lagoon))}.learning-mode-control input{width:.95rem;height:.95rem;margin:0;accent-color:var(--sun)}.quiz-card h2{margin:0 0 1.3rem;font-size:clamp(1.35rem,3vw,2.25rem);line-height:1.25}.answers{display:grid;gap:.8rem}.question-images{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.85rem;margin:0 0 1.25rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;box-shadow:inset 0 0 0 1px #ffffffb8}.question-images img{display:block;max-width:min(100%,20rem);max-height:18rem;object-fit:contain}.learning-explanation{width:100%;margin:0 0 1.15rem;padding:clamp(1rem,3vw,1.4rem);border:1px solid rgba(207,137,55,.36);border-radius:18px;background:linear-gradient(135deg,#fff9def5,#e6f4efeb),var(--paper);box-shadow:0 14px 30px #4857481c}.learning-explanation-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem;color:var(--deep-sea)}.learning-explanation-title>svg{flex:0 0 auto;color:#b26b12}.learning-explanation-title div{display:grid;gap:.1rem}.learning-explanation-title span{color:#8a581b;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.learning-explanation-title strong{font-size:1.05rem}.learning-correct-answer{display:grid;grid-template-columns:2.35rem minmax(0,1fr);align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.75rem;border-radius:14px;background:#ffffffb8}.learning-correct-answer>span{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:50%;color:#fff;font-weight:900;background:#2f7d5b}.learning-correct-answer p,.learning-explanation-text,.memory-tip{margin:0;line-height:1.58}.learning-explanation-text{color:var(--ink)}.learning-explanation-copy{display:grid;gap:.72rem}.learning-explanation-text:first-child{font-weight:650}.memory-tip{margin-top:.85rem;padding:.75rem .85rem;border-left:4px solid var(--sun);border-radius:0 12px 12px 0;color:#634617;background:#ffffff8f}.learning-example-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem;margin-top:1rem}.learning-example-images figure{margin:0;padding:.7rem;border-radius:14px;text-align:center;background:#ffffffb8}.learning-image-trigger{display:block;width:100%;padding:0;border:0;border-radius:10px;background:transparent;cursor:zoom-in}.learning-image-trigger:focus-visible{outline:3px solid rgba(178,107,18,.55);outline-offset:4px}.learning-image-trigger img{display:block;max-width:100%;max-height:16rem;margin:0 auto;object-fit:contain;transition:transform .16s ease,filter .16s ease}.learning-image-trigger:hover img{transform:scale(1.015);filter:brightness(1.02)}.learning-example-images figcaption{margin-top:.45rem;color:var(--ink-soft);font-size:.82rem}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:clamp(.75rem,2.5vw,2rem);background:#051418e0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:zoom-out;overscroll-behavior:contain;animation:image-lightbox-fade .16s ease-out both}.image-lightbox>img{display:block;width:min(94vw,90rem);height:auto;max-height:90vh;border-radius:12px;object-fit:contain;filter:drop-shadow(0 24px 60px rgba(0,0,0,.46));cursor:default;animation:image-lightbox-open .18s ease-out both}@keyframes image-lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes image-lightbox-open{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.learning-image-trigger img,.image-lightbox,.image-lightbox>img{animation:none;transition:none}}.compact-images{justify-content:flex-start;margin:.2rem 0 .45rem;padding:.55rem}.compact-images img{max-width:8rem;max-height:6rem}.answer-button{display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:.9rem;min-height:4.25rem;padding:.8rem;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-align:left;background:#ffffffb8;box-shadow:0 10px 24px #3c4a4314;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.answer-button span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;color:var(--paper);font-weight:900;background:linear-gradient(135deg,var(--deep-sea),var(--lagoon))}.answer-button.correct{border-color:#3c8f6a8c;background:#d8eeeac7}.answer-button.wrong{border-color:#c75f4a8f;background:#ffe0d2b8}.feedback{display:flex;gap:.7rem;margin-top:1rem;padding:1rem;border-radius:14px;line-height:1.5}.feedback.ok{background:#d8eeeadb;color:#245d47}.feedback.bad{background:#ffe0d2cc;color:#7b3426}.official-exam-page{min-height:100vh;padding:.45rem .65rem 2rem;color:#000;background:#fff;font-family:Arial,Times New Roman,serif}.official-exam-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;min-height:5.8rem}.official-brand{display:flex;align-items:flex-start;gap:.45rem;color:#3926a0;font-family:Times New Roman,serif;text-transform:uppercase}.official-brand img{width:3.4rem;height:3.4rem}.official-brand small{display:block;font-size:.82rem;font-weight:700}.official-brand strong{display:block;max-width:18rem;font-size:1.08rem;line-height:1.05}.official-brand small{margin-top:.35rem;color:#006172;text-transform:none}.official-user{display:flex;align-items:center;gap:.55rem;color:#3926a0;font-family:Times New Roman,serif;font-size:.88rem;font-weight:700}.official-user em{font-weight:400}.official-user button{padding:0;border:0;color:#3926a0;background:none;font:inherit;text-decoration:underline}.official-exam-shell h1{margin:0;padding-bottom:.2rem;border-bottom:1px dotted #006172;color:#3926a0;text-align:center;font-family:Times New Roman,serif;font-size:1.02rem;font-weight:800}.official-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.28rem;padding:.35rem .3rem;border-bottom:1px solid #006172}.official-toolbar button{display:inline-flex;align-items:center;gap:.22rem;min-height:1.65rem;padding:.2rem .55rem;border:1px solid #007895;color:#3926a0;background:linear-gradient(#fff,#eef8fb);font-family:Times New Roman,serif;font-size:.86rem;font-weight:800}.official-toolbar button:disabled{color:#888;border-color:#9ab8bf;background:#f5f5f5}.official-toolbar button.active{color:#8b2c16;background:#fff2ce}.toolbar-separator{width:1px;height:1.35rem;margin:0 .25rem;background:#3926a0}.official-review{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem .35rem;border-bottom:1px solid #006172;background:#f8fbfc}.official-review button{width:2rem;height:1.65rem;border:1px solid #9ab8bf;color:#000;background:#fff;font-weight:700}.official-review button.current{border-color:#006172;outline:2px solid rgba(0,97,114,.25)}.official-review button.answered{background:#dff1f6}.official-review button.marked{background:#fff2ce}.official-review-page{width:20rem;max-width:calc(100vw - 2rem);margin:1.8rem 0 0 1.3rem;padding-top:.35rem;border-top:1px dotted #006172;color:#1a279b;font-family:Times New Roman,serif}.official-back-button{display:inline-flex;align-items:center;gap:.25rem;min-height:2rem;margin:.4rem 0 .9rem .4rem;padding:.25rem 1.05rem;border:1px solid #007895;color:#3926a0;background:linear-gradient(#fff,#eef8fb);font-family:Times New Roman,serif;font-size:.95rem;font-weight:800}.official-review-page h2{margin:0 0 .45rem .55rem;color:#006172;font-size:1.05rem}.official-review-table{margin-left:.55rem;border-collapse:collapse;color:#1a279b;font-size:.92rem}.official-review-table th{padding:.25rem .4rem;border:1px solid #cce5ee;color:#006172;background:#bfeaf7;text-align:left}.official-review-table td{min-width:4.8rem;height:1.45rem;padding:.1rem .35rem;border:1px solid #dcebf0;background:#f6f6f6}.official-review-table tr:nth-child(2n) td{background:#fff}.official-review-table button{padding:0;border:0;color:#1a279b;background:transparent;font-family:Times New Roman,serif;font-size:.98rem;font-weight:800;text-decoration:none}.official-review-table input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.8rem;height:.8rem;margin:0;border:1px solid #c7cdd1;border-radius:2px;background:#f7f7f7}.official-review-table input:checked{background:linear-gradient(45deg,transparent 43%,#b5b5b5 45% 58%,transparent 60%),linear-gradient(-45deg,transparent 48%,#b5b5b5 50% 62%,transparent 64%),#e5e5e5}.official-exam-grid{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1rem;align-items:start}.official-question{padding:.7rem .55rem}.official-question-meta{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.45rem;border-bottom:2px solid #006172;color:#006172;font-family:Times New Roman,serif;font-size:1.05rem;font-weight:800}.official-question h2{margin:.8rem 0 3.7rem;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:500;line-height:1.35}.official-question .question-images{justify-content:flex-start;margin:-2.8rem 0 1.4rem;padding:.45rem;border:0;background:transparent;box-shadow:none}.official-question h3{margin:0 0 .45rem;padding-bottom:.45rem;border-bottom:2px solid #006172;color:#006172;font-family:Times New Roman,serif;font-size:1.05rem}.official-answers{display:grid;gap:.42rem;padding-top:.25rem}.official-answer{display:grid;grid-template-columns:1.45rem 1fr;align-items:start;gap:.3rem;font-size:1rem;line-height:1.25}.official-answer input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;margin:0;border:1px solid #4f7d88;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,#fff 24%,#dff7fb 26%,#dff7fb 43%,#0e7f94 45%,#0e7f94 72%,#fff 75%);box-shadow:inset 0 0 0 2px #e8f8fb}.official-answer input:checked{background:radial-gradient(circle,#002f3c 0,#002f3c 28%,#fff 31%,#fff 46%,#0e7f94 48%,#0e7f94 72%,#fff 75%)}.official-answer.selected span{font-weight:700}.official-time{padding-top:3.05rem}.official-time h2{margin:0 0 .6rem;padding-bottom:.45rem;border-bottom:2px solid #006172;color:#006172;font-family:Times New Roman,serif;font-size:1.05rem}.official-time dl{display:grid;grid-template-columns:1fr auto;gap:.35rem 1.1rem;margin:0;padding-right:.4rem;font-size:1rem}.official-time dt{text-align:right}.official-time dd{margin:0;min-width:4.8rem;text-align:right;font-weight:700}.official-time .urgent{color:#d12612}.panel{padding:1rem;margin-bottom:1rem}.panel h2{margin:0 0 1rem}.question-list,.admin-list,.category-bars{display:grid;gap:.8rem}.mistake-row,.admin-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:1rem}.mistake-row div,.admin-row div{display:grid;gap:.35rem}.result-hero{display:grid;place-items:center;text-align:center;gap:.55rem;padding:clamp(2rem,8vw,4rem);border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#d8eeeaf2,#ffe0b8a3);margin-bottom:1rem}.result-hero strong{font-size:clamp(4rem,13vw,8rem);line-height:1}.exam-outcome{margin:0;padding:.5rem .9rem;border-radius:999px;font-weight:800;border:1px solid var(--line);background:#fffdf7cc}.exam-outcome.passed{color:#1f6f5a;border-color:#1f6f5a47;background:#d8eeead1}.exam-outcome.failed{color:#9d3f2f;border-color:#dd766059;background:#ffe2d5d1}.exam-rule{margin:0;color:var(--muted);font-size:.96rem}.admin-toolbar{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.search-box{flex:1 1 18rem;display:flex;align-items:center;gap:.55rem;min-height:2.65rem;padding:0 .85rem;border:1px solid var(--line);border-radius:999px;background:#fffdf7d1}.search-box input,.admin-login input,.question-form input,.question-form textarea,.question-form select,.select-inline{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:#fffdf7d1;outline:0}.search-box input{border:0;background:transparent}.admin-login,.question-form{display:grid;gap:.75rem;padding:1rem}.admin-login{place-items:center}.admin-login input,.question-form input,.question-form textarea,.question-form select,.select-inline{min-height:2.8rem;padding:.75rem .85rem}.select-inline{width:auto;min-width:10.5rem}.question-form textarea{min-height:5rem;resize:vertical}.form-grid{display:grid;grid-template-columns:7rem 1fr 7rem;gap:.75rem}.icon-button{display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:999px;background:#5c9a961f}.icon-button.danger{color:#fecaca}.file-action{position:relative;overflow:hidden}.file-action input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.bar-row{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr 3rem;align-items:center;gap:.8rem}.bar-row div{height:.65rem;border-radius:999px;overflow:hidden;background:#27565f1f}.bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lagoon),var(--sun))}.empty-state{display:grid;place-items:center;gap:.55rem;min-height:12rem;padding:1rem;text-align:center;border:1px dashed var(--line);border-radius:8px}.official-notice{width:min(1180px,calc(100% - 2rem));margin:2rem auto 0;padding:1rem;border-top:1px solid var(--line);font-size:.92rem;line-height:1.6;color:var(--ink-soft)}@media (max-width: 840px){.hero{min-height:760px;align-items:flex-end;padding:6.4rem 1rem 1rem}.hero-overlay{background:linear-gradient(180deg,#fff8ed24,#fff8edf5 58%),linear-gradient(90deg,#fff8ede0,#fff8ed5c)}.hero-content{width:min(42rem,100%);padding-bottom:5.5rem}.hero-layout{display:grid;gap:.85rem}.global-nav{top:.7rem;left:1rem;right:1rem;width:100%;width:calc(100% - 2rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.quiet-nav{min-height:3rem;justify-content:center;padding-inline:.45rem;font-size:.88rem}.hero-top-ad{width:min(100% - 2rem,1180px);min-height:78px;margin:.9rem auto 1.1rem}.hero-actions{display:grid}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-4rem}.ad-grid,.seo-landing{grid-template-columns:1fr}.faq-heading{display:grid}.faq-main-link{justify-self:start}.faq-grid{grid-template-columns:1fr}.learning-topic-head{display:grid}.learning-topic-head strong{justify-self:start}.learning-columns,.sailor-guide-grid,.seo-guide-body,.quiz-layout{grid-template-columns:1fr}.official-exam-page{padding:.4rem}.official-exam-header{min-height:auto}.official-brand strong{font-size:.95rem}.official-user{display:none}.official-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.official-toolbar button{flex:0 0 auto}.official-exam-grid{grid-template-columns:1fr}.official-time{order:-1;padding:.55rem;border-bottom:1px solid #006172}.official-time dl{grid-template-columns:repeat(3,auto auto);justify-content:start;gap:.3rem .65rem;font-size:.86rem}.mistake-row,.admin-row{grid-template-columns:1fr auto}.admin-row .danger{grid-column:2}.form-grid,.bar-row,.quiz-meta{grid-template-columns:1fr}.learning-mode-control{justify-self:stretch}.quiz-topic{justify-self:start;text-align:left}}@media (max-width: 520px){.hero h1{font-size:1.6rem}.dashboard-grid{grid-template-columns:1fr}.quiz-top{align-items:flex-start;flex-direction:column}.official-brand img{width:2.8rem;height:2.8rem}.official-exam-shell h1{font-size:.94rem}.official-question-meta{display:grid;gap:.25rem;font-size:.98rem}.official-question h2{margin-bottom:1rem;font-size:1.05rem}.official-question .question-images{margin-top:0}.official-time dl{grid-template-columns:1fr auto}.answer-button{grid-template-columns:2.3rem 1fr}.quiz-meta{grid-template-columns:1fr}.quiz-number,.quiz-topic,.learning-mode-control{justify-self:stretch;text-align:left}.learning-mode-control{grid-column:auto;grid-row:auto}.learning-mode-control label{flex:1;justify-content:center}.language-strip{display:inline-flex}.sailor-guide-facts,.seo-guide-facts{grid-template-columns:1fr}}
