:root{--ink:#14211b;--green:#183f2b;--green2:#286747;--cream:#f4f0e5;--paper:#fffdf7;--gold:#d79d33;--line:#d8d4c8;--muted:#637069}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.ccl-app button,.ccl-app a{font:inherit}.ccl-app button{cursor:pointer}.ccl-top{height:76px;padding:0 max(22px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--green);border-bottom:4px solid var(--gold)}.ccl-top a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.ccl-logo{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;font-size:12px;font-weight:800}.ccl-top>span{padding:8px 12px;border:1px solid #ffffff40;border-radius:99px;font-size:13px}.ccl-page{max-width:1240px;margin:auto;padding:52px 24px 70px}.eyebrow{margin:0 0 12px;color:var(--green2);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2{font-family:Georgia,serif}h1{margin:0;font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.035em}h2{font-size:34px}.lead{max-width:730px;margin:26px 0;color:#46534c;font-size:19px;line-height:1.65}.ccl-hero{display:grid;grid-template-columns:1.5fr .65fr;gap:50px;align-items:center;min-height:500px}.hero-buttons,.result-actions{display:flex;gap:12px;flex-wrap:wrap}.ccl-app button{border:0;border-radius:7px;padding:13px 18px;font-weight:800}.primary{color:#fff;background:var(--green2);box-shadow:0 8px 22px #183f2b2e}.secondary{color:var(--green);background:transparent;border:1px solid #9ea89f!important}.danger{width:100%;margin-top:18px;color:#fff;background:#7e332d}.hero-card{padding:30px;color:#fff;border-radius:16px;background:linear-gradient(145deg,#204c35,#102b1d);box-shadow:0 22px 50px #152b1f33}.hero-card>strong{display:block;font:700 70px/1 Georgia,serif;color:var(--gold)}.hero-card>span{font-weight:800}.hero-card ul{padding-left:20px;line-height:2;color:#d4ded7}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.mode-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--green2);font-weight:900}.mode-card h3{margin:16px 0 6px}.mode-card>b{font-size:12px;color:var(--green2)}.mode-card p{min-height:54px;color:var(--muted);font-size:13px;line-height:1.45}.blueprint{margin-top:44px;padding:38px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.blueprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.blueprint-grid div{display:grid;grid-template-columns:38px 1fr;gap:3px 10px;align-items:center;padding:15px;background:#f3f0e8}.blueprint-grid span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:var(--green)}.blueprint-grid small{color:var(--muted)}.install-help{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:28px 34px;color:#fff;background:var(--green)}.install-help h2{margin:0 0 8px}.install-help p{margin:0;max-width:760px;color:#d3ded6}.install-help .primary{background:var(--gold);color:var(--green)}.exam-layout{display:grid;grid-template-columns:290px 1fr;min-height:calc(100vh - 76px)}.question-nav{padding:23px 20px;background:#ebe7dc;border-right:1px solid var(--line)}.drawer-head{display:flex;justify-content:space-between}.drawer-head button{display:none;padding:0;background:none;font-size:28px}.question-nav>small{display:block;margin:5px 0 17px;color:var(--muted)}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:calc(100vh - 230px);overflow:auto}.number-grid button{position:relative;height:38px;padding:0;border:1px solid #c7c3b8;background:#f8f5ed;color:#5b625e}.number-grid .answered{color:#fff;background:#668472}.number-grid .active{outline:3px solid var(--gold);outline-offset:1px}.number-grid .flagged:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.exam-main{width:100%;max-width:980px;margin:auto;padding:0 42px 50px}.progress{height:5px;margin:0 -42px 27px;background:#dad6cb}.progress span{display:block;height:100%;background:var(--gold)}.exam-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.exam-meta button{display:none;padding:0;background:none;color:var(--green2)}.exam-meta b{margin-left:auto}.exam-meta strong{padding:7px 10px;color:#fff;background:var(--green)}.question-card{margin-top:30px;padding:40px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 14px 30px #32302812}.question-heading{display:flex;justify-content:space-between;align-items:center}.question-heading small{color:var(--green2);font-weight:900;text-transform:uppercase}.question-heading button{padding:0;background:none;color:#746e60}.question-card h1{margin:22px 0 30px;font-size:clamp(25px,3vw,34px);line-height:1.3}.answers{display:grid;gap:10px}.answers button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #d5d2c9;background:#fff;color:var(--ink)}.answers button>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#e5e7e2}.answers .selected{border:2px solid var(--green2);background:#edf6f0}.answers .selected>span{color:#fff;background:var(--green2)}.answers .correct{border:2px solid #2f7c47;background:#e9f7ed}.answers .correct>span{color:#fff;background:#2f7c47}.answers .wrong{border:2px solid #b74c42;background:#fff0ee}.answers .wrong>span{color:#fff;background:#b74c42}.explanation{margin-top:20px;padding:17px;border-left:4px solid var(--gold);background:#f4eddb;line-height:1.55}.exam-controls{display:flex;justify-content:space-between;margin-top:22px}.exam-controls button:disabled{opacity:.35;cursor:not-allowed}.result-hero{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center;padding:45px;color:#fff;border-radius:16px;background:var(--green)}.result-hero.study{background:#653b2d}.result-hero h1{font-size:48px}.result-hero p:last-child{color:#d8e0da;line-height:1.6}.score{display:grid;place-items:center;align-content:center;width:190px;height:190px;border:12px solid var(--gold);border-radius:50%}.score strong{font:700 49px/1 Georgia,serif}.score span{margin-top:7px}.report{margin-top:28px;padding:40px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.report-head{display:flex;justify-content:space-between}.score-list{display:grid;gap:17px}.score-list>div{display:grid;grid-template-columns:270px 1fr 50px;gap:16px;align-items:center}.score-list label{display:flex;flex-direction:column;gap:3px}.score-list small{color:var(--muted)}.bar{height:12px;border-radius:99px;overflow:hidden;background:#e5e2d9}.bar i{display:block;height:100%;background:var(--green2)}.result-actions{justify-content:center;margin-top:28px}.ccl-app footer{display:flex;gap:16px;padding:28px max(24px,calc((100vw - 1240px)/2));color:#c6d0c9;background:#10281c;font-size:12px}.ccl-app footer span{margin-left:auto}.ccl-toast{position:fixed;right:20px;bottom:20px;z-index:99;max-width:360px;padding:16px 20px;border-radius:8px;color:#fff;background:#183f2b;box-shadow:0 12px 30px #0004}.load-error{max-width:700px;margin:80px auto;padding:30px;background:#fff}.load-error h1{font-size:36px}
@media(max-width:950px){.ccl-hero{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr 1fr}.exam-layout{display:block}.question-nav{position:fixed;inset:0 auto 0 0;z-index:20;width:310px;transform:translateX(-105%);transition:.2s;box-shadow:10px 0 30px #0003}.question-nav.open{transform:none}.drawer-head button,.exam-meta button{display:block}.exam-main{padding:0 22px 40px}.progress{margin:0 -22px 24px}.number-grid{max-height:calc(100vh - 180px)}}
@media(max-width:650px){.ccl-top{height:66px}.ccl-top a b{display:none}.ccl-page{padding:32px 16px 55px}.ccl-hero{min-height:0}.ccl-hero h1{font-size:42px}.mode-grid,.blueprint-grid{grid-template-columns:1fr}.install-help{display:block}.install-help button{margin-top:18px}.question-card{padding:24px 18px}.exam-meta{flex-wrap:wrap}.exam-meta b{width:100%;margin:0}.result-hero{grid-template-columns:1fr;padding:28px;text-align:center}.score{margin:auto}.result-hero h1{font-size:38px}.report{padding:24px 18px}.report-head{display:block}.report-head button{margin-bottom:24px}.score-list>div{grid-template-columns:1fr 42px}.score-list label{grid-column:span 2}.ccl-app footer{display:block}.ccl-app footer span{display:block;margin-top:7px}}