/* ==========================================================================
   ABDUL BUILDS · search pages (2026-10-19), layered on v5.css
   Long-form reading pages for Google: same night, same lime, same type as the
   home, sized for paragraphs instead of a scroll show. No JS, so highlights
   render full from the start (v5: html:not(.js) mark.hl). Built by _seo/gen_seo.py.
   ========================================================================== */
.skip{position:absolute;left:-999px;top:8px;z-index:40;background:var(--lime);color:var(--on-lime);padding:8px 14px;font-weight:700}
.skip:focus{left:8px}

.art{max-width:860px;margin:0 auto;padding:clamp(34px,7vh,80px) var(--gut) 0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--mute)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--lime)}
.art h1{margin-top:22px;font-size:clamp(40px,8.4vw,78px);font-weight:800;font-stretch:84%;line-height:.96;letter-spacing:-.034em;max-width:15ch}
.dek{margin-top:24px;font-size:clamp(19px,4.4vw,24px);line-height:1.45;color:var(--ink-2);max-width:42ch}
.art > .acts{margin-top:30px}

.art section{margin-top:clamp(60px,10vh,104px)}
.art h2{font-size:clamp(30px,6.2vw,50px);font-weight:780;font-stretch:86%;line-height:1;letter-spacing:-.03em;max-width:20ch}
.art section > p{margin-top:18px;font-size:18px;line-height:1.62;color:var(--ink-2);max-width:62ch}
.art section > h2 + p{margin-top:22px}
.art p a,.art li a,.art td a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:4px}
.art p a:hover,.art li a:hover,.art td a:hover{color:var(--lime)}

.ticks{margin-top:20px;max-width:62ch}
.ticks li{position:relative;padding:14px 0 14px 30px;border-top:1px solid var(--line);font-size:18px;line-height:1.5;color:var(--ink)}
.ticks li:last-child{border-bottom:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:2px;top:calc(14px + .5em);width:10px;height:10px;background:var(--lime);
  box-shadow:0 0 14px rgb(198 255 0 / .45)}

/* price: the home rows, sized down for a reading page */
.art .rows{margin-top:36px;gap:40px}
.art .row .amt{font-size:clamp(50px,12vw,92px)}
.art .row.lead .amt{font-size:clamp(62px,16vw,124px)}
.art .row h3{font-size:23px}
.art .row p{font-size:18px}
.art .note{max-width:56ch}

/* questions */
.faq .qa{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);max-width:62ch}
.faq .qa h3{font-size:clamp(20px,4.6vw,24px);font-weight:720;letter-spacing:-.02em;line-height:1.2}
.faq .qa p{margin-top:10px;font-size:18px;line-height:1.6;color:var(--ink-2)}

/* comparison table: scrolls sideways inside its own box on a phone, never the page */
.cmp{margin-top:8px;overflow-x:auto;border:1px solid var(--line);background:rgb(8 25 15 / .7);-webkit-overflow-scrolling:touch}
.cmp table{width:100%;min-width:720px;border-collapse:collapse;font-size:16px;line-height:1.45}
.cmp caption{caption-side:top;text-align:left;padding:14px 16px 0;color:var(--mute);font-size:15px}
.cmp th,.cmp td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp thead th{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.cmp tbody th{font-weight:700;color:var(--ink);min-width:170px}
.cmp td{color:var(--ink-2)}
.cmp tr.me th,.cmp tr.me td{background:rgb(198 255 0 / .07)}

/* keep reading */
.cards{margin-top:28px;display:grid;gap:14px}
.card{display:grid;gap:6px;padding:20px 22px;border:1px solid var(--line);background:rgb(8 25 15 / .6);text-decoration:none;
  transition:border-color .2s var(--ease),transform .2s var(--ease)}
.card b{font-size:21px;font-weight:720;letter-spacing:-.02em;color:var(--ink)}
.card span{font-size:16px;color:var(--mute);line-height:1.45}
.card:hover{border-color:var(--lime);transform:translate(-2px,-2px)}
.card:hover b{color:var(--lime)}

.art .close{padding-bottom:clamp(80px,14vh,140px)}
.art .close h2{font-size:clamp(40px,9vw,84px);max-width:12ch}
.art .close p{font-size:clamp(19px,4.4vw,23px)}
.art .close .acts{margin-top:28px}

.foot .seo-links{font-size:15px}

@media (min-width:900px){
  .cards{grid-template-columns:1fr 1fr}
  .dock{display:none}
}