/* SEO pages: /drono-valdymas/*, /palyginti/, /kuri-drona-rinktis/, /taisykliu-testas/ (loaded via pkt_page_css only there). Tokens from main.css. */
.seo-page{padding-bottom:72px}
.seo-main{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.seo-main>*{min-width:0}
.seo-block{scroll-margin-top:calc(var(--hh, 64px) + 16px)}
.seo-block h2,.seo-faq h2{scroll-margin-top:calc(var(--hh, 64px) + 16px)}
.seo-cap{font-size:13.5px;margin:10px 0 0}
.seo-meta{font-size:13px;margin:6px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.axis-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.axis-tabs a{font:600 12.5px/1 var(--sans);letter-spacing:0;text-decoration:none;padding:9px 12px;border:1px solid var(--line2);border-radius:12px;color:var(--ink2);background:var(--white)}
.axis-tabs a:hover{border-color:var(--ink2)}
.axis-tabs a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* 3D lab: click to load (no three.js before the user asks) */
.seo-lab{position:relative}
.seo-lab__go{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:2}
.seo-lab__ns{position:absolute;inset:auto 16px 16px;color:#fff;margin:0;font-size:14px}
.seo-fig{margin:18px 0 0}
.seo-fig figcaption{font-size:14px;color:var(--mute);margin-top:6px;max-width:72ch}

/* axis diagrams (inline SVG – readable without 3D) */
.axis-svg{width:100%;max-width:520px;height:auto;display:block}
.axis-svg text{font:600 12px var(--sans);letter-spacing:0;fill:var(--mute)}
.axis-svg__tx>rect{fill:var(--white);stroke:var(--line2);stroke-width:1.2}
.axis-svg__tx g rect{fill:none;stroke:var(--line2);stroke-width:1.2}
.axis-svg__tx g circle{fill:var(--mute2)}
.axis-svg__tx g.is-on rect{stroke:var(--acc);stroke-width:2}
.axis-svg__tx g.is-on circle{fill:var(--acc)}
.axis-svg .arr{fill:var(--acc-ink)}
.axis-svg__q>path{stroke:var(--ink2);stroke-width:5;stroke-linecap:round}
.axis-svg__q>rect{fill:var(--ink2)}
.axis-svg .nose{fill:var(--acc-ink)}
.axis-svg .m circle{fill:var(--white);stroke:var(--line2);stroke-width:2}
.axis-svg .m--up circle{fill:var(--acc-soft);stroke:var(--acc);stroke-width:2.5}
.axis-svg .m--down circle{fill:var(--paper);stroke:var(--mute2);stroke-dasharray:4 3}
.axis-svg .m .sg{font:700 18px var(--mono);fill:var(--ink)}
.axis-svg .m .rt{font-size:8px}
.axis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.axis-card{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);text-decoration:none;color:var(--ink)}
.axis-card:hover{border-color:var(--acc)}
.axis-card b{font:800 15px var(--sans);letter-spacing:0}
.axis-card small{color:var(--mute)}
@media (max-width:640px){.axis-grid{grid-template-columns:minmax(0,1fr)}}

.callout{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--acc);background:var(--acc-soft);border-radius:0 6px 6px 0;font-size:15px;max-width:72ch}
.callout .tag{color:var(--acc-ink);flex:0 0 auto;padding-top:3px}
.mistake-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mistake-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.mk-bad::before{content:"✕ ";color:var(--bad);font-weight:700}
.mk-fix::before{content:"✓ ";color:var(--ok);font-weight:700}
@media (max-width:640px){.mistake-list li{grid-template-columns:minmax(0,1fr)}}
.seo-quiz-static{margin:0;padding-left:20px;color:var(--mute)}
.sq{display:grid;gap:16px}
.sq fieldset{border:0;padding:0;margin:0}
.sq legend{font-weight:650;margin-bottom:8px}
.sq__opts{display:grid;gap:8px}
.sq__exp{margin:8px 0 0;font-size:14.5px;color:var(--ink2)}
.sq__res{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px;border:1px solid var(--line2);border-radius:8px}
.sq__res b{font:600 28px var(--mono)}
.seo-try .sim-mount{margin-top:8px}
.seo-try__go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.seo-faq{margin-top:12px;max-width:72ch}
.seo-next{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.seo-aside .chip{text-decoration:none}

/* compare */
.cmp-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:22px 0}
.cmp-form .field{margin:0}
.cmp-form__act{padding-bottom:1px}
@media (max-width:900px){.cmp-form{grid-template-columns:minmax(0,1fr)}}
.cmp-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 10px}
.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.cmp-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.cmp-table th,.cmp-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp-table thead th{background:var(--paper);font-weight:700}
.cmp-table thead th small{display:block;font-weight:500;color:var(--mute);font-size:12.5px;margin-top:3px}
.cmp-table tbody th{color:var(--mute);font-weight:550;width:24%;position:sticky;left:0;background:var(--white)}
.cmp-table td{font-family:var(--sans)}
.cmp-na{color:var(--mute2)}
.cmp-train td,.cmp-src td{background:rgba(20,22,19,.025)}
.cmp.is-diff tr[data-same]{display:none}
.cmp-h{font-size:22px;margin:28px 0 10px}
.cmp-compat{display:grid;gap:8px}
.cmp-compat__row{padding:12px 14px;border:1px solid var(--line2);border-left-width:4px;border-radius:12px;background:var(--white)}
.cmp-compat__row p{margin:4px 0 0;font-size:14.5px;color:var(--ink2)}
.cmp-compat__row--ok{border-left-color:var(--ok)}
.cmp-compat__row--module{border-left-color:var(--acc)}
.cmp-compat__row--no{border-left-color:var(--bad)}
.seo-presets{margin:8px 0 28px}
.seo-presets h2{font-size:22px}
.seo-under{margin-top:36px}

/* choose */
.choose{display:grid;gap:18px;margin:22px 0}
.choose__q{border:0;padding:0;margin:0}
.choose__q legend{font-weight:700;margin-bottom:10px;display:flex;gap:8px;align-items:center}
.choose__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.choose-res{margin-top:12px;scroll-margin-top:calc(var(--hh, 64px) + 16px)}
.choose-res h2{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;font-size:clamp(22px,2.4vw,28px)}
.path-steps{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.path-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.path-step p{margin:4px 0 0;color:var(--ink2);font-size:15px}
.path-step .chips{margin-top:8px}
.path-step .chip{text-decoration:none}
.path-step .facts{margin:12px 0 0}
.hw-grid{margin:16px 0}
.hw h3{font-size:18px;margin:6px 0 10px}
.hw h3 a{text-decoration:none}
.hw__cat{font-size:14.5px;margin:10px 0 0}
.hw__src{font-size:13px;margin:8px 0 0}

/* rules quiz */
.rq{min-height:180px}
.rq__bar{height:4px;background:var(--line);border-radius:6px;overflow:hidden;margin:6px 0 16px}
.rq__bar i{display:block;height:100%;background:var(--acc)}
.rq__q{font-size:clamp(18px,2vw,21px);margin:8px 0 14px}
.rq__nav{display:flex;justify-content:space-between;gap:8px;margin-top:16px}
.rq__top{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.rq__score{font:600 52px/1 var(--mono)}
.rq__topics{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px}
.rq__topics li{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:10px;align-items:center;font-size:14px}
.rq__topics .bar{height:6px;border-radius:8px;background:var(--line);overflow:hidden}
.rq__topics .bar i{display:block;height:100%}
.rq__rev{margin-top:16px;display:grid;gap:10px}
.rq__item{padding:12px 14px;border:1px solid var(--line);border-left-width:4px;border-radius:12px}
.rq__item.ok{border-left-color:var(--ok)}.rq__item.bad{border-left-color:var(--bad)}
.rq__item p{margin:6px 0 0;font-size:14.5px}
.rq__src{font-size:12.5px;color:var(--mute)}
.rq__card{width:100%;max-width:600px;height:auto;border-radius:8px;border:1px solid var(--line);display:block;margin:16px 0 10px}
.rq__act{display:flex;flex-wrap:wrap;gap:8px}
@media (prefers-reduced-motion:reduce){.seo-page *{transition:none!important;animation:none!important}}