:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111318;background:#f7f7f2;font-synthesis:none;text-rendering:geometricPrecision;--ink: #111318;--muted: #5e6470;--panel: #ffffff;--line: #d8dad7;--lime: #add72f;--red: #f05252;--cyan: #06a7c6;--yellow: #f4c430;--black: #090b0f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;background:linear-gradient(180deg,#ffffffc2,#f7f7f2f0),#f7f7f2}.site-header{position:sticky;top:0;z-index:20;min-height:66px;display:flex;align-items:center;gap:26px;padding:0 68px;color:#fff;background:#050609;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;min-width:290px;font-weight:900;letter-spacing:0}.brand>span:last-child{display:inline-flex;align-items:baseline;min-width:0}.brand-mark{display:inline-grid;width:40px;height:40px;place-items:center;color:var(--black);background:var(--lime);border:2px solid rgba(255,255,255,.14);border-radius:8px}.brand strong{color:var(--lime);font-size:22px;line-height:1;white-space:nowrap}.brand em{margin-left:6px;color:#f8fafc;font-size:16px;font-style:normal;font-weight:800}.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0;width:100%}.desktop-nav a,.mobile-nav a{display:inline-flex;align-items:center;gap:9px;color:#ffffffeb;font-size:14px;font-weight:800;line-height:1}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--lime)}.header-actions{display:inline-flex;align-items:center;gap:10px}.site-search{position:relative;display:inline-grid;grid-template-columns:18px minmax(130px,210px) 24px;align-items:center;gap:8px;min-height:38px;padding:0 8px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:7px}.site-search input{min-width:0;color:#fff;font-size:13px;background:transparent;border:0;outline:0}.site-search button{display:inline-grid;width:24px;height:24px;place-items:center;color:#fff;background:transparent;border:0;cursor:pointer}.search-results{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;gap:6px;width:min(420px,88vw);padding:10px;color:#111318;background:#fff;border:1px solid #d7dbd2;border-radius:7px;box-shadow:0 18px 44px #0000003d}.search-results a{display:grid;grid-template-columns:62px 1fr 16px;gap:4px 10px;align-items:center;padding:9px;border-radius:6px}.search-results a:hover{background:#f3f5ed}.search-results span{grid-row:span 2;color:#6f9800;font-size:11px;font-weight:950;text-transform:uppercase}.search-results strong{font-size:14px}.search-results small{color:#5e6470;font-size:12px;line-height:1.25}.icon-text-button,.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.24);border-radius:7px;cursor:pointer}.icon-text-button{min-width:86px;padding:0 12px;font-size:13px;font-weight:800;white-space:nowrap}.mobile-menu-button{display:none;width:42px}.mobile-nav{position:absolute;top:66px;right:18px;display:grid;gap:8px;min-width:220px;padding:16px;background:#0d1117;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 18px 42px #00000057}.hero{display:grid;grid-template-columns:minmax(620px,50%) 1fr;min-height:392px;color:#fff;background:#080a0e;overflow:hidden}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:392px;padding:34px 68px 32px;background:radial-gradient(circle at 18% 12%,rgba(173,215,47,.17),transparent 22%),linear-gradient(90deg,#080a0e,#090b0f 72%,#090b0f3d)}.hero h1{position:relative;max-width:720px;margin:0;color:#f8fafc;font-size:clamp(54px,5.8vw,82px);line-height:.88;font-weight:950;letter-spacing:0;text-transform:uppercase}.hero h1 span{display:block}.hero h1 span:first-child{color:var(--lime)}.hero h1 em{position:absolute;left:min(72%,518px);bottom:-.42em;display:inline-flex;align-items:center;min-height:38px;padding:0 12px;color:#111318;background:var(--lime);border-radius:7px;transform:rotate(-3deg);font-size:.32em;font-style:normal;font-weight:950;line-height:1}.hero p{max-width:590px;margin:42px 0 18px;color:#ffffffe0;font-size:17px;line-height:1.35;font-weight:650}.search-panel{position:relative;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;width:min(540px,100%);height:56px;padding:0 14px;color:#111318;background:#fff;border:2px solid rgba(255,255,255,.56);border-radius:8px;box-shadow:0 12px 28px #00000047}.hero-search-results{display:grid;gap:6px;width:min(540px,100%);margin-top:8px;padding:8px;color:#111318;background:#fff;border:1px solid #d7dbd2;border-radius:7px;box-shadow:0 16px 36px #00000038}.hero-search-results a{display:grid;grid-template-columns:70px 1fr 18px;gap:4px 10px;align-items:center;padding:9px;border-radius:6px}.hero-search-results a:hover{background:#f3f5ed}.hero-search-results span{grid-row:span 2;color:#6f9800;font-size:11px;font-weight:950;text-transform:uppercase}.hero-search-results strong{font-size:14px}.hero-search-results small{color:#5e6470;font-size:12px;line-height:1.25}.search-panel input{width:100%;min-width:0;height:100%;padding:0 12px;color:#191b20;font-size:16px;font-weight:550;background:transparent;border:0;outline:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.primary-action,.danger-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:256px;min-height:47px;padding:0 18px;border:0;border-radius:7px;cursor:pointer;font-size:16px;font-weight:900;line-height:1}.primary-action{color:#111318;background:var(--lime)}.danger-action{color:#fff;background:var(--red)}.hero-image{min-height:392px;background:linear-gradient(90deg,#080a0e8c,#080a0e00 26%),var(--hero-image, url(/assets/meccha-hero-camouflage-scene.webp)) center / cover no-repeat}.fact-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:#fff;border-bottom:1px solid var(--line)}.fact{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;color:#1a1d22;font-size:14px;font-weight:750;border-right:1px solid var(--line)}.fact:last-child{border-right:0}.content-shell{max-width:1296px;margin:0 auto;padding:10px 28px 48px}.role-section h2,.guide-grid-section h2,.maps-section h2,.learning-section h2,.reference-strip h2,.lower-content h2,.sources-section h2{margin:0;color:#17191f;font-size:21px;line-height:1.1;letter-spacing:0}.role-section h2{margin:0 0 8px}.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #aeb4b8;border-radius:7px;overflow:hidden}.role-tab{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;color:#20242b;background:#fff;border:0;border-right:1px solid #aeb4b8;cursor:pointer;font-size:17px;font-weight:950;letter-spacing:.02em}.role-tab:last-child{border-right:0}.role-tab.active{color:#111318;background:var(--role-accent)}.role-panel{display:grid;grid-template-columns:auto minmax(156px,230px) 1fr;gap:9px;align-items:center;min-height:38px;margin-top:6px;padding:5px 10px;background:#fff;border:1px solid color-mix(in srgb,var(--role-accent),#111 22%);border-left:6px solid var(--role-accent);border-radius:7px}.role-panel>svg{width:24px;height:24px}.role-panel h3{margin:0 0 1px;font-size:16px;line-height:1}.role-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.12}.role-panel ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;margin:0;list-style:none}.role-panel li{min-height:28px;padding:4px 7px;color:#252a31;background:#f6f7f3;border:1px solid #e4e6e0;border-radius:7px;font-size:10.5px;font-weight:750;line-height:1.12}.update-strip{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;margin:8px 0 10px;min-height:40px;padding:0 16px;color:#fff;background:linear-gradient(90deg,#111820,#0d1117);border-radius:7px}.update-strip strong{display:inline-flex;align-items:center;height:22px;padding:0 8px;color:#111318;background:var(--lime);border-radius:4px;font-size:12px;font-weight:950;text-transform:uppercase}.update-strip span{color:#ffffffc7;font-size:13px;font-weight:850;text-transform:uppercase}.update-strip p{margin:0;color:#ffffffe0;font-size:12px;line-height:1.2}.update-strip a,.section-heading a{display:inline-flex;align-items:center;gap:8px;color:#6f9800;font-size:14px;font-weight:900}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 8px}.section-heading span{color:#607000;font-size:14px;font-weight:900}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guide-card{display:grid;grid-template-columns:62px 1fr;gap:12px;min-height:132px;padding:14px 13px;background:#fff;border:1px solid #e1e4df;border-left:6px solid var(--card-accent);border-radius:7px;box-shadow:0 10px 28px #171d260f}.clickable-card,.clickable-row{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.clickable-card:hover,.clickable-card:focus-visible{transform:translateY(-2px);border-color:#b8c56d;box-shadow:0 16px 32px #171d261c;outline:0}.clickable-row:hover,.clickable-row:focus-visible{color:#111318;background:#f3f6e9;outline:0}.guide-card>svg{align-self:start;color:#111318;stroke-width:1.9}.guide-card h3{margin:0 0 6px;color:#16191f;font-size:18px;line-height:1.05}.guide-card p{margin:0 0 8px;color:#373d46;font-size:12px;line-height:1.24}.guide-card ul{display:grid;gap:4px;padding:0;margin:0;list-style:none}.guide-card li{display:flex;align-items:center;gap:7px;color:#4c7500;font-size:11.5px;font-weight:800}.maps-section{margin-top:22px}.map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.map-card{display:block;overflow:hidden;background:#fff;border:1px solid #dfe3dd;border-radius:7px;box-shadow:0 10px 24px #171d260f}.map-thumb{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center;background:#111318}.map-card>div{padding:12px}.map-card h3{margin:0 0 7px;color:#151920;font-size:18px;line-height:1.1}.map-card p{margin:0;color:#5d6470;font-size:13px;line-height:1.35}.map-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.map-meta-row span{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;color:#253018;background:#f2f5ea;border:1px solid #dbe3ca;border-radius:5px;font-size:10.5px;font-weight:850;text-transform:uppercase}.color-chip-row{display:flex;gap:6px;margin-top:10px}.color-chip-row span{width:22px;height:22px;border:2px solid #111318;border-radius:5px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag-row span{padding:4px 7px;color:#263018;background:#eef5d7;border:1px solid #d6e9a2;border-radius:5px;font-size:11px;font-weight:850}.learning-section{margin-top:34px;padding:26px;background:#111820;border-radius:8px}.learning-section h2{color:#fff}.reference-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:18px;padding:18px;background:#fff;border:1px solid #dfe3dd;border-left:6px solid var(--cyan);border-radius:7px}.reference-strip p{max-width:840px;margin:8px 0 0;color:#555c68;font-size:14px;line-height:1.45}.learning-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.learning-steps article,.learning-card{display:block;padding:16px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:7px}.learning-steps span{color:var(--lime);font-size:12px;font-weight:950}.learning-steps h3{margin:8px 0 6px;color:#fff;font-size:17px}.learning-steps p{margin:0;color:#ffffffb8;font-size:13px;line-height:1.35}.lower-content{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:18px;margin-top:24px}.lower-content>div{display:grid;align-content:start;gap:10px}.compact-row{display:grid;gap:4px;padding:12px 14px;background:#fff;border:1px solid #e1e4df;border-radius:7px}.compact-row strong{color:#151920;font-size:14px}.compact-row span{color:#253018;font-size:13px;font-weight:900}.compact-row p{margin:0;color:#555c68;font-size:13px;line-height:1.4}.route-panel,.paint-panel,.faq-panel,.sources-section,.legal-section article{padding:22px;background:#fff;border:1px solid #e1e4df;border-radius:8px}.route-panel ul{display:grid;gap:12px;padding:0;margin:16px 0 0;list-style:none}.route-panel li{padding-left:14px;color:#3a404a;border-left:4px solid var(--lime);font-size:14px;line-height:1.4}.paint-panel p{color:#464d58;font-size:14px;line-height:1.48}.paint-swatches{display:flex;gap:10px;margin-top:20px}.paint-swatches span{width:42px;height:42px;border:2px solid #111318;border-radius:7px}.faq-panel details{padding:13px 0;border-bottom:1px solid #e7e9e3}.faq-panel details:last-child{border-bottom:0}.faq-panel summary{cursor:pointer;color:#171b22;font-size:14px;font-weight:900}.faq-panel p{margin:8px 0 0;color:#555c68;font-size:14px;line-height:1.4}.sources-section{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-top:24px}.sources-section p{max-width:740px;margin:12px 0 0;color:#555c68;font-size:14px;line-height:1.55}.source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-links a{padding:10px 12px;color:#1f2937;background:#f6f7f3;border:1px solid #e1e4df;border-radius:7px;font-size:13px;font-weight:850}.legal-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.legal-section h2{margin:0 0 9px;color:#17191f;font-size:17px;line-height:1.1}.legal-section p{margin:0;color:#555c68;font-size:13px;line-height:1.45}.page-shell{max-width:1296px;min-height:calc(100vh - 138px);margin:0 auto;padding:24px 28px 56px}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#637000;font-size:13px;font-weight:850}.breadcrumbs a:hover{color:#111318}.page-hero{display:grid;gap:10px;margin-bottom:22px;padding:28px;color:#fff;background:linear-gradient(90deg,#080a0ef5,#080a0eb8),var(--hero-image, url(/assets/meccha-hero-camouflage-scene.webp)) center / cover;border-radius:7px}.page-hero.compact{min-height:184px;align-content:center}.page-hero h1{max-width:860px;margin:0;color:var(--lime);font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:0;text-transform:uppercase}.page-hero p{max-width:760px;margin:0;color:#ffffffe6;font-size:17px;font-weight:700;line-height:1.4}.article-layout{display:grid;gap:22px}.article-body{display:grid;gap:14px;max-width:920px;color:#252a31;font-size:17px;font-weight:550;line-height:1.65}.article-body p{margin:0}.article-toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:920px;padding:14px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.article-toc strong{margin-right:6px;color:#151920;font-size:14px;font-weight:950}.article-toc a{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;color:#253018;background:#eef5d7;border:1px solid #d6e9a2;border-radius:7px;font-size:13px;font-weight:900}.guide-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-section-card,.route-plan-section,.route-step-grid article{padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.guide-section-card h2,.route-plan-section h2{margin:0 0 10px;color:#151920;font-size:20px}.guide-section-card p,.route-step-grid p{margin:0 0 10px;color:#4b5563;font-size:14px;line-height:1.5}.guide-section-card ul{display:grid;gap:8px;padding:0;margin:12px 0 0;list-style:none}.guide-section-card li{padding-left:12px;color:#3f4a38;border-left:4px solid var(--lime);font-size:13px;line-height:1.45}.route-plan-section{display:grid;gap:14px}.route-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.route-step-grid strong{display:inline-flex;min-height:24px;align-items:center;margin-bottom:8px;padding:0 8px;color:#111318;background:var(--lime);border-radius:5px;font-size:13px;font-weight:950}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;color:#111318;background:var(--lime);border-radius:5px;font-size:12px;font-weight:900}.mini-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tools-filter-surface{display:grid;grid-template-columns:minmax(220px,.7fr) 1fr;align-items:center;gap:14px;margin-bottom:20px;padding:16px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.tools-search-field{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;min-height:42px;padding:0 12px;color:#56606b;background:#f8faf3;border:1px solid #ccd2c8;border-radius:7px}.tools-search-field input{min-width:0;color:#151920;background:transparent;border:0;outline:0;font:inherit}.mini-card-grid a{display:grid;gap:9px;min-height:150px;padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px;box-shadow:0 10px 24px #171d260f}.mini-card-grid em{color:#4c7500;font-size:12px;font-style:normal;font-weight:950;text-transform:uppercase}.mini-card-grid strong{color:#151920;font-size:20px}.mini-card-grid span{color:#555c68;font-size:14px;line-height:1.4}.related-section,.tool-output,.tool-surface,.two-column-detail{display:grid;gap:14px}.guide-faq-section{display:grid;gap:0;max-width:920px;padding:20px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.guide-faq-section h2{margin:0 0 8px;color:#151920;font-size:22px}.guide-faq-section details{padding:13px 0;border-bottom:1px solid #e7e9e3}.guide-faq-section summary{cursor:pointer;color:#171b22;font-weight:900}.guide-faq-section p{margin:8px 0 0;color:#555c68;font-size:14px;line-height:1.45}.back-to-top{justify-self:start;margin-top:14px;color:#4c7500;font-size:14px;font-weight:950}.tool-surface{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:20px;padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.guide-filter-surface,.map-filter-surface{grid-template-columns:1.2fr 1.8fr}.map-filter-surface{grid-template-columns:1.1fr repeat(4,minmax(0,1fr))}.filter-group{display:grid;gap:7px}.filter-group strong{color:#252a31;font-size:13px;font-weight:900}.tool-actions{display:grid;grid-template-columns:1fr;gap:8px}.tool-surface label{display:grid;gap:7px;color:#252a31;font-size:13px;font-weight:900}.tool-surface select,.tool-surface input.wide-input,.wide-input{width:100%;min-height:42px;padding:0 12px;color:#151920;background:#f8faf3;border:1px solid #ccd2c8;border-radius:7px;font-weight:700}.filter-bar{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{min-height:34px;padding:0 11px;color:#20242b;background:#fff;border:1px solid #ccd2c8;border-radius:7px;cursor:pointer;font-weight:850}.filter-chip.active{background:var(--lime);border-color:#87a900}.compact-action{min-width:0;width:100%}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:256px;min-height:47px;padding:0 18px;color:#111318;background:#eef5d7;border:1px solid #c9dc83;border-radius:7px;cursor:pointer;font-size:16px;font-weight:900;line-height:1}.tool-status,.empty-state{margin:0 0 14px;color:#4c7500;font-size:14px;font-weight:850}.tool-output{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-output article,.two-column-detail>div{padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.tool-output strong,.two-column-detail h2,.related-section h2{margin:0 0 8px;color:#151920;font-size:20px}.tool-output p,.two-column-detail p{margin:0 0 10px;color:#4b5563;font-size:14px;line-height:1.45}.updated-line{font-size:.9rem;font-weight:700;color:#4b5563}.rating-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.rating-grid>div,.combo-card,.compare-table-wrap{padding:16px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.rating-grid strong,.rating-grid span{display:block}.rating-grid span{margin-top:6px;font-size:20px;font-weight:900}.combo-card{margin-top:12px}.tool-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.compare-table-wrap{overflow-x:auto}.compare-table{width:100%;min-width:620px;border-collapse:collapse}.compare-table th,.compare-table td{padding:12px;border-bottom:1px solid #dfe3dd;text-align:left;vertical-align:top}.saved-plan-list article{display:grid;gap:10px}.saved-plan-button{width:100%;padding:12px;border:1px solid #dfe3dd;border-radius:7px;background:#fff;text-align:left;font-weight:800;cursor:pointer}.counter-surface,.practice-surface{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,.8fr)}.spot-surface{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(180px,.8fr)}.mistake-surface{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,.8fr)}.timer-surface{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(260px,1fr)}.timer-surface .tool-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-surface .compact-action{min-width:0;padding-inline:10px}.counter-plan,.practice-drill,.spot-plan,.mistake-plan,.timer-plan{display:grid;grid-template-columns:1.05fr repeat(3,minmax(0,1fr));gap:14px}.counter-plan article,.practice-drill article,.spot-plan article,.mistake-plan article,.timer-plan article{display:grid;align-content:start;gap:8px;min-height:170px;padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.counter-plan article:first-child{border-left:6px solid var(--red)}.practice-drill article:first-child{border-left:6px solid var(--cyan)}.spot-plan article:first-child{border-left:6px solid var(--yellow)}.mistake-plan article:first-child{border-left:6px solid var(--green)}.timer-plan article:first-child{border-left:6px solid var(--cyan)}.timer-plan .is-active{border-color:#a6d925;box-shadow:inset 0 0 0 1px #a6d925}.counter-plan span,.practice-drill span,.spot-plan span,.mistake-plan span,.timer-plan span{color:#4c7500;font-size:12px;font-weight:950;text-transform:uppercase}.counter-plan h2,.practice-drill h2,.spot-plan h2,.mistake-plan h2,.timer-plan h2{margin:0;color:#151920;font-size:22px}.counter-plan p,.practice-drill p,.spot-plan p,.mistake-plan p,.timer-plan p{margin:0;color:#4b5563;font-size:14px;line-height:1.5}.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.index-grid article{padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.index-grid h2{margin:0 0 12px;font-size:20px}.index-grid article>div{display:grid;gap:8px}.index-grid a{color:#151920;font-weight:800;text-decoration:none}.glossary-surface{grid-template-columns:minmax(260px,.75fr) 1.25fr;align-items:end}.search-input-wrap{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;min-height:42px;padding:0 12px;color:#151920;background:#f8faf3;border:1px solid #ccd2c8;border-radius:7px}.search-input-wrap input{width:100%;min-width:0;color:#151920;background:transparent;border:0;outline:0;font-weight:700}.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.glossary-grid article{display:grid;gap:9px;padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.glossary-grid article>span{color:#4c7500;font-size:12px;font-weight:950;text-transform:uppercase}.glossary-grid h2{margin:0;color:#151920;font-size:21px}.glossary-grid p{margin:0;color:#4b5563;font-size:14px;line-height:1.48}.glossary-grid strong{color:#151920;font-size:13px;font-weight:950}.palette-row{display:flex;gap:8px;margin:12px 0}.palette-row span{width:42px;height:42px;border:2px solid #111318;border-radius:7px}.checklist{grid-template-columns:1fr}.checklist label{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;background:#f8faf3;border:1px solid #dfe3dd;border-radius:7px}.map-detail-hero{grid-template-columns:1fr minmax(280px,420px);align-items:end}.hero-map-thumb{height:auto;aspect-ratio:16 / 9;object-fit:cover;border:2px solid rgba(255,255,255,.5);border-radius:7px}.two-column-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.page-map-grid .map-card h2,.page-map-grid .map-card h3{margin:0 0 7px;color:#151920;font-size:18px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contact-card{display:grid;gap:8px;min-height:138px;padding:18px;background:#fff;border:1px solid #dfe3dd;border-left:6px solid var(--lime);border-radius:7px;box-shadow:0 10px 24px #171d260f}.contact-card strong{color:#151920;font-size:20px}.contact-card span,.contact-note{color:#555c68;font-size:14px;line-height:1.45}.contact-note{grid-column:1 / -1;margin:0}.contact-note a{color:#4c7500;font-weight:900}.seo-text-section{display:grid;gap:18px;margin-top:24px;padding:24px;background:#fff;border:1px solid #e1e4df;border-radius:8px}.seo-text-section article{max-width:980px}.seo-text-section h2{margin:0 0 8px;color:#17191f;font-size:20px}.seo-text-section p{margin:0;color:#4b5563;font-size:15px;line-height:1.6}.seo-link-row{display:flex;flex-wrap:wrap;gap:10px}.seo-link-row a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;color:#263018;background:#eef5d7;border:1px solid #d6e9a2;border-radius:7px;font-size:13px;font-weight:900}.submission-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:18px}.submission-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.submission-note{grid-column:1 / -1}.submission-note textarea{width:100%;min-height:150px;padding:12px;color:#151920;background:#f8faf3;border:1px solid #ccd2c8;border-radius:7px;resize:vertical}.submission-preview{display:grid;gap:12px;align-content:start;padding:18px;background:#fff;border:1px solid #dfe3dd;border-radius:7px}.submission-preview strong{color:#151920;font-size:20px}.submission-preview pre{min-height:280px;margin:0;white-space:pre-wrap;color:#374151;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;min-height:72px;color:#ffffffb8;background:#050609;font-size:13px;font-weight:750}footer span{color:var(--lime);font-weight:950}@media(max-width:1180px){.site-header{padding:0 28px}.hero{grid-template-columns:1fr}.hero-content{min-height:430px;padding:44px 38px}.hero-image{min-height:300px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-steps,.lower-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1480px){.site-header{gap:18px;padding:0 28px}.brand{min-width:246px}.brand strong{font-size:20px}.brand em{font-size:14px}.desktop-nav{gap:14px}.desktop-nav a{font-size:13px}.site-search{grid-template-columns:18px minmax(118px,180px) 24px}}@media(max-width:1100px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.header-actions{margin-left:auto}}@media(max-width:840px){.site-header{min-height:62px;padding:0 18px}.brand{min-width:auto}.brand strong{font-size:16px}.brand em{font-size:13px}.hero-content{padding:38px 20px}.hero h1{font-size:52px}.hero h1 em{position:static;min-height:34px;margin:7px 0 0 10px;padding:0 10px;vertical-align:middle}.hero p{font-size:17px}.primary-action,.danger-action{width:100%;min-width:0}.fact{justify-content:flex-start;padding:0 18px}.content-shell{padding:14px 16px 34px}.role-tabs,.reference-strip,.glossary-grid,.guide-grid,.map-grid,.learning-steps,.lower-content,.sources-section,.legal-section,.contact-grid,.submission-layout,.submission-form,.guide-section-grid,.route-step-grid,.mini-card-grid,.tools-filter-surface,.tool-surface,.tool-output,.counter-plan,.practice-drill,.spot-plan,.mistake-plan,.timer-plan,.two-column-detail,.rating-grid,.tool-detail-grid,.index-grid,.map-detail-hero,.role-panel,.role-panel ul{grid-template-columns:1fr}.update-strip{grid-template-columns:1fr;gap:10px;padding:16px}.source-links{grid-template-columns:1fr}.site-search{display:none}.page-shell{padding:18px 16px 40px}.page-hero{padding:22px 18px}.page-hero h1{font-size:38px}}@media(max-width:480px){.site-header{gap:10px;padding:0 12px}.brand{gap:8px}.brand-mark{width:34px;height:34px;border-radius:7px}.brand span:last-child{display:grid}.icon-text-button{min-width:64px;height:36px;padding:0 8px}.mobile-menu-button{width:38px;height:36px}.header-actions{gap:8px}.hero h1{font-size:43px}.search-panel{height:56px;grid-template-columns:28px 1fr 28px}.search-panel input{font-size:15px}}