.home-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.feature-link{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dce9ed;border-radius:15px;padding:18px 20px;color:#173852;text-decoration:none}
.feature-link:hover{border-color:#42b6c1;transform:translateY(-2px)}
.feature-icon{font-size:1.4rem;color:#16849b}
.feature-link small{color:#61798c}
.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.color-card{background:#fff;border:1px solid #e0e9ef;border-radius:14px;overflow:hidden;box-shadow:0 7px 20px #183c5b08}
.color-swatch{height:105px;border-bottom:1px solid #d8e2e8}
.color-card-body{padding:15px 17px}
.color-card-body small{color:#6e8595;font-size:.72rem}
.color-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:23px}
.color-family{color:#6e8595;font-size:.72rem;margin-right:3px}
.grade-tag,.reference-tag{display:inline-flex;align-items:center;border-radius:15px;padding:2px 7px;font-size:.68rem;font-weight:800;background:#e8f2f7;color:#245b78}
.reference-tag{background:#f2f3f4;color:#667482}
.color-count{margin:0 0 14px;color:#516d81;font-size:.83rem;font-weight:700}
.color-card h2{font-size:1.05rem;margin:6px 0}
.color-card h2 span{display:block;color:#688194;font-size:.72rem;font-weight:500;margin-top:2px}
.color-card p{font-size:.79rem;color:#536d81;line-height:1.6;min-height:2.6em}
.color-card code{font-size:.7rem;color:#72899a}
.quiz-swatch{height:160px;border-radius:12px;border:1px solid #dce6eb;margin-bottom:12px}
.color-hint-control{margin:0 0 18px}
.color-hint-control .secondary-button{min-height:38px;padding:7px 13px;font-size:.8rem}
.color-hint{margin:10px 0 0;border-left:3px solid #4aa3b5;background:#eff7f9;border-radius:7px;padding:10px 13px;color:#33566a;font-size:.84rem;line-height:1.6}
.mock-setup{max-width:790px}
.mock-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mock-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.mock-facts div{background:#f2f7f9;border-radius:11px;padding:15px}
.mock-facts strong{display:block;font-size:1.28rem}
.mock-facts span{font-size:.76rem;color:#607b90}
.mock-bar{display:flex;justify-content:space-between;align-items:center;gap:15px}
.mock-bar strong{color:#154962;background:#e6f4f7;border-radius:25px;padding:8px 14px;white-space:nowrap}
.mock-jump{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.mock-jump button{background:#eff4f7;border:1px solid #dce6ec;border-radius:7px;min-height:34px;color:#415d71;font-size:.75rem}
.mock-jump button.answered{background:#d7eff0;border-color:#77bdc4}
.mock-jump button.active{outline:2px solid #156a82;outline-offset:1px}
.exam2-lead{margin:0 0 18px;color:#3d596d;line-height:1.85}
.exam2-figure{margin:16px 0 24px;padding:18px;background:#f5f8f9;border:1px solid #dfe8eb;border-radius:12px;text-align:center;overflow:hidden}
.exam2-figure figcaption{font-weight:800;color:#425e71;font-size:.83rem;margin-bottom:12px;text-align:left}
.exam2-figure p{margin:10px 0 0;color:#657d8d;font-size:.74rem}
.exam2-figure svg{display:block;width:min(100%,500px);margin:auto}
.exam2-part-list{display:grid;gap:20px}
.exam2-part{border:1px solid #dfe8ed;border-radius:12px;padding:17px 18px 19px;min-width:0}
.exam2-part legend{padding:0 6px;color:#203e54;font-weight:750;line-height:1.7}
.exam2-part legend strong,.exam2-review summary strong{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#173f61;color:white;font-size:.76rem;margin-right:9px}
.exam2-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.exam2-option{min-height:48px;text-align:left;display:flex;align-items:flex-start;gap:9px;border:1.5px solid #d7e2e8;border-radius:9px;background:#fff;color:#28485d;padding:11px 12px;font-size:.83rem;line-height:1.6}
.exam2-option:hover{border-color:#3aa6b5;background:#f6fbfc}
.exam2-option.selected{border-color:#167f9b;background:#e9f7f9}
.exam2-option span{color:#236484;font-weight:850;white-space:nowrap}
.exam2-question-swatch{height:95px;width:min(190px,100%);margin:6px 0 14px;border:1px solid #cbd8dc;border-radius:7px}
.exam2-written-label{display:block;font-size:.76rem;font-weight:700;color:#526f82;margin-bottom:5px}
.exam2-written{margin:0}
.exam2-side{position:sticky;top:16px}
.exam2-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.exam2-jump button{min-height:46px;background:#eff4f7;border:1px solid #dce6ec;border-radius:8px;color:#35566c;font-size:.8rem;font-weight:800}
.exam2-jump button small{display:block;font-size:.61rem;font-weight:600}
.exam2-jump button.answered{background:#d8f0e9;border-color:#86c9b3}
.exam2-jump button.active{outline:2px solid #156a82;outline-offset:1px}
.exam2-swatches{display:flex;justify-content:center;gap:5px;min-height:63px}
.exam2-swatches span{flex:1;max-width:105px;border:1px solid #0002;border-radius:4px}
.exam2-scheme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.exam2-scheme-grid>div{background:#fff;border:1px solid #dce5e9;border-radius:7px;padding:10px}
.exam2-scheme-grid strong{display:block;margin-bottom:6px;font-size:.77rem}
.exam2-formula{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.exam2-formula span{font-size:.75rem;color:#5e7583}
.exam2-formula strong{padding:8px 14px;border-radius:7px;background:#fff;border:1px solid #d5e3e6;color:#143e55}
.exam2-contrast{display:grid;grid-template-columns:1fr 1fr;max-width:380px;margin:auto}
.exam2-contrast div{height:105px;display:grid;place-items:center;background:#303a45}
.exam2-contrast div+div{background:#e5e9eb}
.exam2-contrast span{width:72px;height:72px;background:#91989a}
.exam2-signs,.exam2-light-grid,.exam2-digital,.exam2-outfits{display:flex;justify-content:center;gap:12px;align-items:stretch}
.exam2-signs>div{flex:1;max-width:190px;padding:18px;background:#173d58;color:#fff;font-weight:850;font-size:1.2rem;border-radius:5px}
.exam2-signs>div+div{background:#d4d9db;color:#849095;font-size:.87rem}
.exam2-signs span{margin-left:12px}
.exam2-light-grid>div{flex:1;padding:25px 8px;background:var(--light);border-radius:7px;font-size:.72rem;color:#3e596a}
.exam2-digital>div{display:grid;gap:3px;background:#fff;padding:15px;border-radius:8px;flex:1;max-width:160px}
.exam2-digital>span{align-self:center;font-size:1.5rem;color:#73919d}
.exam2-digital div span{font-weight:800;color:#1d607d}
.exam2-digital small{font-size:.67rem;color:#738692}
.exam2-outfits>div{display:grid;justify-items:center;align-content:start;gap:5px;flex:1;max-width:145px;font-size:.8rem}
.exam2-shirt{width:82px;height:56px;clip-path:polygon(18% 0,82% 0,100% 20%,86% 42%,80% 100%,20% 100%,14% 42%,0 20%);border-radius:5px}
.exam2-skirt{width:76px;height:62px;clip-path:polygon(17% 0,83% 0,100% 100%,0 100%);border-radius:4px}
.exam2-room{height:145px;max-width:340px;margin:auto;background:#e9e3d6;position:relative;border:8px solid #d4cabb}
.exam2-window{position:absolute;top:10px;left:24px;width:84px;height:58px;background:#bedbea;border:5px solid white}
.exam2-sofa{position:absolute;right:34px;bottom:20px;width:140px;height:55px;background:#748c88;border-radius:16px 16px 5px 5px}
.exam2-floor{position:absolute;bottom:0;left:0;right:0;height:13px;background:#b09677}
.exam2-street{height:145px;max-width:410px;margin:auto;display:flex;align-items:end;justify-content:space-around;border-bottom:13px solid #999895;background:#d9e9ef;padding:8px}
.exam2-building{width:85px;height:95px;background:#c5aa90;position:relative}
.exam2-building.two{height:115px;background:#afa99b}
.exam2-building:after{content:"";position:absolute;inset:20px 16px 12px;background:repeating-linear-gradient(to bottom,#537484 0 17px,transparent 17px 28px)}
.exam2-tree{height:82px;width:35px;border-bottom:35px solid #6f875b;border-radius:50%;position:relative}
.exam2-tree:after{content:"";position:absolute;top:48px;left:15px;width:5px;height:35px;background:#785e4a}
.exam2-poster{display:grid;gap:12px;justify-items:center;align-content:center;width:min(260px,100%);min-height:230px;margin:auto;background:#8a4d36;color:#add1e0;border-radius:4px;letter-spacing:.11em;padding:20px}
.exam2-poster strong{font-size:1.6rem;line-height:1.4}
.exam2-poster small{font-size:.59rem}
.exam-data-cards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.exam-data-cards span{display:grid;gap:4px;min-width:96px;background:white;border:1px solid #dce6ec;border-radius:9px;padding:12px;color:#526d7e;font-size:.85rem}
.exam-data-cards strong{font-size:1.45rem;color:#193f59}
.exam-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.exam-flow span{padding:14px;background:#fff;border:1px solid #d8e4e9;border-radius:8px;font-weight:750;color:#234b61}
.exam-flow b{color:#558298}
.exam-route-map{display:grid;gap:12px;max-width:380px;margin:auto;text-align:left}
.exam-route-map>div{display:grid;grid-template-columns:72px 1fr 110px;align-items:center;gap:10px;background:white;padding:10px;border-radius:8px}
.exam-route-map strong,.exam-route-map small{color:#335870;font-size:.78rem}
.exam-route-map span{border-top:6px solid #c35354}
.exam-route-map .route-b{border-top:6px dashed #2b8c86}
.exam-menu,.exam-form{max-width:360px;margin:auto;background:#fff;border:1px solid #d8e4e9;border-radius:9px;padding:18px;text-align:left;color:#31536a}
.exam-menu strong,.exam-form strong{display:block;font-size:1.1rem}
.exam-menu p{margin:15px 0;font-size:1rem}
.exam-form label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:.85rem}
.exam-form em{font-style:normal;font-size:.7rem;background:#f8d7d7;color:#8b3237;padding:2px 6px;border-radius:4px}
.exam-form label span{display:inline-block;border:1px solid #bdd0da;border-radius:5px;min-width:110px;padding:4px;color:#8ca0aa}
.exam-form p{font-size:.75rem;color:#8b3237}
.exam-emergency{max-width:380px;margin:auto;background:#fff;border:1px solid #d8e4e9;border-radius:9px;padding:18px;text-align:left;color:#234b61}
.exam-emergency strong{display:block;font-size:1.1rem}.exam-emergency p{padding:10px 0;border-bottom:1px solid #e1e9ec}.exam-emergency p b{background:#a9323d;color:#fff;border-radius:4px;padding:3px 8px}.exam-emergency span,.exam-emergency small{display:block;margin-top:10px}.exam-emergency small{color:#60798a}
.exam2-review{padding:14px 0;border-top:1px solid #e2eaee;text-align:left}
.exam2-review summary{cursor:pointer;font-size:.84rem;line-height:1.6;display:flex;align-items:center;gap:5px}
.exam2-review summary .status-pill{margin-left:auto}
.exam2-review p{font-size:.82rem;color:#4b6578;margin:8px 0 0 35px}
.review-list{display:grid;gap:10px;margin-top:20px;text-align:left}
.review-item{background:#fff;border:1px solid #dfe9ee;border-radius:10px;padding:13px 15px}
.review-item summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;font-weight:700}
.review-item p{margin:8px 0 0;color:#526c80;font-size:.84rem}
.review-chip{display:inline-block;width:36px;height:36px;min-width:36px;border-radius:8px;border:1px solid #d9e3e8}
.review-item:has(.review-chip){display:flex;align-items:center;gap:14px}
.review-item:has(.review-chip) div{flex:1}
.review-item:has(.review-chip) strong{font-size:.9rem}
.page-head>a.primary-button,.button-row>a.primary-button,.button-row>a.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:900px){.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-feature-grid,.color-grid,.mock-facts,.mock-selects{grid-template-columns:1fr}.mock-bar{align-items:flex-start}.mock-bar .back-link{max-width:50%}.review-item summary{align-items:flex-start}.review-item summary .status-pill{flex-shrink:0}}
@media(max-width:600px){.exam2-options,.exam2-scheme-grid{grid-template-columns:1fr}.exam2-part{padding:15px 12px}.exam2-review summary{align-items:flex-start}.exam2-review summary .status-pill{flex-shrink:0}}