/* SEO-5 / 6 / 7 / 10 page components. Ascension Designer, 2026-10-23.
   Site tokens only (--bg --card --raised --chip --hair --hair2 --fg --muted --secondary --accent --up-fg --down-fg --mono --shadow).
   No score, no formula, no "pts" anywhere on these pages. Lines marked MOCKUP-ONLY are not for the build. */
.sx main{padding-bottom:16px}
.sx-crumbs{margin:18px 0 0;font-size:13px;color:var(--muted)}
.sx-crumbs a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 45%,transparent);text-underline-offset:3px}
.sx-head{margin:12px 0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.sx-head>div{min-width:0}
.sx-head h1{margin:0;font-size:30px;font-weight:750;line-height:1.15;letter-spacing:-.025em}
.sx-sub{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:640px}
.sx-asof{margin:6px 0 0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.sx-asof b{font-weight:600;color:var(--fg)}
.sx-sec{margin-top:28px}
.sx-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}
.sx-h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.sx-cap{margin:4px 0 0;font-size:13px;color:var(--muted)}
.sx-card{background:var(--card);border:1px solid var(--hair);border-radius:16px;box-shadow:var(--shadow)}
.sx-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.2}
.sx-mono{font-family:var(--mono);font-variant-ligatures:none;font-variant-numeric:tabular-nums}
.sx-icon{border-radius:22%;background:var(--chip);object-fit:cover;flex:none;box-shadow:0 0 0 1px var(--hair)}
.sx-tile{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}
.sx .chg{font-family:var(--mono);font-variant-ligatures:none;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
.sx .chg.up{color:var(--up-fg);background:var(--pill-up)}
.sx .chg.down{color:var(--down-fg);background:var(--pill-down)}
.sx .chg.muted{color:var(--muted);background:none;font-weight:600;font-size:13px;padding:0 6px}
.sx .chg.none{color:var(--muted);background:none;font-family:var(--font);font-weight:400;font-size:12px;padding:0 6px}
.sx .store{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--chip);color:var(--ios-fg)}
.sx .store.android{color:var(--and-fg)}
.sx-stores{display:inline-flex;gap:3px;vertical-align:1px}
.sx-flag{font-family:"Ascension Flags","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal}
.sx-key{display:inline-block;width:14px;height:3px;border-radius:2px;background:var(--c);flex:none}
.sx-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--secondary);background:color-mix(in srgb,var(--secondary) 14%,transparent);white-space:nowrap}
.sx-links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sx-links a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:var(--card);border:1px solid var(--hair);font-size:13px;font-weight:600;color:var(--fg);text-decoration:none;white-space:nowrap}
.sx-links a:hover{background:var(--raised);border-color:color-mix(in srgb,var(--fg) 22%,transparent)}
.sx-a{color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}
.sx-qbtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:12px;background:var(--card);border:1px solid var(--hair);color:var(--fg);font:600 14px/1 var(--font);text-decoration:none;white-space:nowrap;box-shadow:none;cursor:pointer}
.sx-qbtn:hover{background:var(--raised);border-color:color-mix(in srgb,var(--fg) 22%,transparent);color:var(--fg)}
.sx-qbtn[aria-disabled=true]{color:var(--muted);background:transparent;cursor:default}
.sx-qbtn svg{flex:none}
.sx-pbtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:12px;background:var(--btn);color:var(--on-button);font:600 14px/1 var(--font);text-decoration:none;white-space:nowrap}
.sx-pbtn:hover{background:var(--btn-hover);color:var(--on-button)}
/* MOCKUP-ONLY: Writer-owned copy slot */
.sx-ph{position:relative;border:1px dashed color-mix(in srgb,var(--secondary) 55%,transparent);border-radius:12px;padding:12px 14px 12px;margin-top:12px;color:var(--muted);font-size:15px;line-height:1.55;max-width:680px}
.sx-ph::before{content:attr(data-slot);display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--secondary)}

/* ---------- Ranked table (SEO-6 best-of, SEO-7 week). Leaderboard pattern minus SCORE. ---------- */
.sx-tw{background:var(--card);border:1px solid var(--hair);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.sx-t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;font-variant-numeric:tabular-nums}
.sx-t th{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;padding:12px 10px 10px;border-bottom:1px solid var(--hair);background:var(--raised);white-space:nowrap}
.sx-t td{padding:10px;border-bottom:1px solid var(--hair2);vertical-align:middle}
.sx-t tbody tr:last-child td{border-bottom:0}
.sx-t tbody tr:hover td{background:var(--chip)}
.sx-t .r{text-align:right}
.sx-t th:first-child,.sx-t td:first-child{padding-left:16px}
.sx-t th:last-child,.sx-t td:last-child{padding-right:16px}
.sx-t col.c-pos{width:52px}.sx-t col.c-rk{width:132px}.sx-t col.c-mv{width:96px}.sx-t col.c-bc{width:220px}
.sx-t td.pos{font-family:var(--mono);font-variant-ligatures:none;font-weight:500;font-size:13px;color:var(--muted)}
.sx-t tr:nth-child(-n+3) td.pos{color:var(--fg);font-weight:700}
.sx-ac{display:flex;align-items:center;gap:12px;min-width:0}
.sx-ac .sx-icon{width:36px;height:36px}
.sx-nm{min-width:0;display:flex;flex-direction:column}
.sx-nl{display:flex;align-items:center;gap:6px;min-width:0}
.sx-nl a{font-weight:600;color:var(--fg);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sx-dev{font-size:12px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-t .rk{font-family:var(--mono);font-variant-ligatures:none;font-weight:600;font-size:14px;color:var(--fg)}
.sx-bc b{font-family:var(--mono);font-variant-ligatures:none;font-weight:600;font-size:14px}
.sx-bc .w{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-bcl{display:none}
.sx-dev.sx-yb{display:block;white-space:normal} /* YEAR-1 best-this-year line: wraps instead of clipping */
.year-links a{white-space:nowrap} /* YEAR-1 home link pair: a link never splits */
@media (max-width:480px){
  .sx-yb .yb-d{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} /* date stays in the title and for screen readers */
  .year-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  .year-links .yl-sep{display:none}
}
.sx-t .ph-only{display:none}
@media (max-width:600px){
  .sx-t col.c-mv,.sx-t col.c-bc{width:0}
  .sx-t col.c-pos{width:34px}.sx-t col.c-rk{width:76px}
  .sx-t th.mv,.sx-t td.mv,.sx-t th.bc,.sx-t td.bc{display:none}
  .sx-t th:first-child,.sx-t td:first-child{padding-left:12px;padding-right:4px}
  .sx-t th:last-child,.sx-t td:last-child{padding-right:12px}
  .sx-t td{padding-top:11px;padding-bottom:11px;vertical-align:top}
  .sx-t td.pos{padding-top:13px}
  .sx-ac{align-items:flex-start;gap:10px}
  .sx-ac .sx-icon{width:30px;height:30px;margin-top:1px}
  .sx-bcl{display:block;font-size:12px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
  .sx-bcl b{font-weight:600;color:var(--fg)}
  .sx-t td.rkc .rk{display:block;line-height:20px}
  .sx-t .ph-only{display:block;margin-top:3px}
  .sx-t .ph-only .chg{display:inline-block}
}

/* ---------- SEO-5 compare ---------- */
.sx-cmp{--ca:var(--secondary);--cb:var(--accent)}
.sx-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sx-app{padding:20px;min-width:0}
.sx-app-top{display:flex;align-items:center;gap:14px;min-width:0}
.sx-app-top .sx-icon{width:56px;height:56px}
.sx-app-id{min-width:0}
.sx-app-nm{margin:0;font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.3;overflow-wrap:break-word}
.sx-app-dev{margin:2px 0 0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;min-width:0}
.sx-app-dev .d{min-width:0;overflow-wrap:break-word}
.sx-app-key{display:flex;align-items:center;gap:8px;margin-top:2px}
.sx-app-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--hair2)}
.sx-stat{min-width:0}
.sx-stat .sx-label{margin-bottom:8px}
.sx-big{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sx-big .n{font-family:var(--mono);font-variant-ligatures:none;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}
.sx-big .n.sm{font-size:22px}
.sx-stat-s{margin-top:6px;font-size:12px;line-height:1.35;color:var(--muted);overflow-wrap:break-word}
/* No-cut rule (BRAND §8c): the app-page link wraps inside its card, full name kept. */
.sx-app-go{display:inline-block;max-width:100%;margin-top:14px;font-size:13px;white-space:normal;overflow-wrap:break-word}
.sx-lg{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:600}
.sx-lg span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.sx-chart{padding:18px 20px 14px}
.sx-plot{position:relative;height:var(--h,260px);margin:8px 44px 0 40px}
.sx-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sx-plot path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.sx-gl{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--line)}
.sx-gl span{position:absolute;right:calc(100% + 10px);top:-8px;font:500 12px/16px var(--mono);font-variant-ligatures:none;color:var(--muted)}
.sx-el{position:absolute;left:calc(100% + 8px);transform:translateY(-50%);font:600 12px/16px var(--mono);font-variant-ligatures:none;color:var(--c)}
.sx-xl{position:relative;height:18px;margin:10px 44px 0 40px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.sx-xl span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.sx-xl span:first-child{transform:none}.sx-xl span:last-child{transform:translateX(-100%)}
.sx-hov{position:absolute;top:0;bottom:0;width:0;border-left:1px solid color-mix(in srgb,var(--fg) 22%,transparent)}
.sx-tt{position:absolute;top:28px;left:12px;min-width:150px;padding:10px 12px;background:var(--raised);border:1px solid var(--hair);border-radius:10px;box-shadow:var(--shadow-lg);font-size:13px;line-height:1.5;white-space:nowrap}
.sx-tt .d{font-size:12px;color:var(--muted);margin-bottom:2px}
.sx-tt .row{display:flex;align-items:center;gap:8px}
.sx-tt .row b{margin-left:auto;padding-left:14px;font-family:var(--mono);font-variant-ligatures:none;font-weight:600}
.sx-pace{padding:6px 20px}
.sx-pr{display:grid;grid-template-columns:200px minmax(0,1fr) 210px;column-gap:24px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hair2)}
.sx-pr:last-of-type{border-bottom:0}
.sx-pr-id{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600}
.sx-pr-id .sx-icon{width:28px;height:28px}
.sx-pr-id .sx-icon{flex:none}
.sx-pr-id span{min-width:0;overflow-wrap:break-word}
.sx-strip{display:grid;grid-template-columns:repeat(30,1fr);gap:3px}
.sx-strip i{display:block;height:18px;border-radius:3px;background:var(--chip)}
.sx-strip i.on{background:var(--c)}
.sx-strip-x{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--muted)}
.sx-pr-n{text-align:right}
.sx-pr-n b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sx-pr-n span{display:block;font-size:12px;color:var(--muted);white-space:nowrap}
.sx-pace-foot{margin:0;padding:12px 0 10px;border-top:1px solid var(--hair2);font-size:12px;color:var(--muted)}
.sx-gt{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;font-variant-numeric:tabular-nums}
.sx-gt col.c-v{width:230px}
.sx-gt th,.sx-gt td{padding:11px 12px;border-bottom:1px solid var(--hair2);text-align:right;vertical-align:baseline}
.sx-gt tr:last-child th,.sx-gt tr:last-child td{border-bottom:0}
.sx-gt thead th{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--raised);border-bottom:1px solid var(--hair)}
.sx-gt thead th .h{display:inline-flex;align-items:center;gap:8px;max-width:100%}
/* Column headers wrap (2 lines at phone widths), never clip or ellipsize. */
.sx-gt thead th .h span{min-width:0;white-space:normal;overflow-wrap:break-word;text-align:right}
.sx-gt tbody th{text-align:left;font-weight:500;color:var(--muted);font-size:13px}
.sx-gt th:first-child{padding-left:16px}.sx-gt td:last-child,.sx-gt th:last-child{padding-right:16px}
.sx-gt .v{font-weight:600;color:var(--fg)}
.sx-gt .v.m{font-family:var(--mono);font-variant-ligatures:none}
.sx-gt .s{display:block;font-size:12px;color:var(--muted);font-weight:400}
.sx-gt .cell{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
@media (max-width:600px){
  .sx-head h1{font-size:26px}
  .sx-duo{gap:10px}
  .sx-app{padding:14px}
  .sx-app-top{flex-direction:column;align-items:flex-start;gap:10px}
  .sx-app-top .sx-icon{width:40px;height:40px}
  .sx-app-id{width:100%}
  .sx-app-nm{font-size:15px;min-height:2.6em}
  .sx-app-dev{font-size:12px}
  .sx-app-stats{grid-template-columns:1fr;gap:12px;margin-top:12px;padding-top:12px}
  .sx-big .n{font-size:26px}.sx-big .n.sm{font-size:20px}
  .sx-app-go{margin-top:12px}
  .sx-chart{padding:14px 12px 12px}
  .sx-plot{--h:200px !important;margin:8px 36px 0 32px}
  .sx-xl{margin:10px 36px 0 32px}
  .sx-xl span.dk{display:none}
  .sx-pace{padding:4px 14px}
  .sx-pr{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}
  .sx-pr-id{grid-column:1;grid-row:1}
  .sx-pr-n{grid-column:2;grid-row:1}
  .sx-pr-n b{font-size:17px}
  .sx-pr .sx-sw{grid-column:1/-1;grid-row:2}
  .sx-strip{gap:2px}.sx-strip i{height:14px;border-radius:2px}
  .sx-gt col.c-v{width:31%}
  .sx-gt th,.sx-gt td{padding:10px 8px;font-size:13px}
  .sx-gt th:first-child{padding-left:12px}.sx-gt td:last-child,.sx-gt th:last-child{padding-right:12px}
  .sx-gt thead th{font-size:11px}
  .sx-gt .cell{flex-direction:column;align-items:flex-end;gap:2px}
  .sx-links a{height:32px;padding:0 12px}
}

/* ---------- SEO-7 archive ---------- */
.sx-weeks{padding:4px 0}
.sx-mo{padding:14px 18px 6px}
.sx-wk{display:grid;grid-template-columns:240px minmax(0,1fr) 16px;column-gap:20px;align-items:center;padding:12px 18px;border-top:1px solid var(--hair2);color:var(--fg);text-decoration:none}
.sx-mo+.sx-wk{border-top:0}
.sx-wk:hover{background:var(--chip)}
.sx-wk-t{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.sx-wk-f{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.sx-wk-top{display:flex;align-items:center;gap:14px;min-width:0;font-size:13px;color:var(--muted)}
.sx-wk-top .it{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.sx-wk-top .it .sx-icon{width:22px;height:22px}
.sx-wk-top .it b{font-family:var(--mono);font-variant-ligatures:none;font-weight:500;color:var(--muted)}
.sx-wk-top .it span{color:var(--fg);overflow:hidden;text-overflow:ellipsis}
.sx-chev{color:var(--muted)}
.sx-pager{display:flex;gap:8px;flex-wrap:wrap}
.sx-pg2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.sx-pgc{display:flex;flex-direction:column;gap:4px;min-width:0;padding:16px 18px;text-decoration:none;color:var(--fg)}
.sx-pgc .sx-label{display:flex;align-items:center;gap:6px}
.sx-pgc b{font-size:15px;font-weight:600}
.sx-pgc.next{text-align:right;align-items:flex-end}
.sx-pgc[aria-disabled=true]{background:transparent;box-shadow:none;border-style:dashed}
.sx-pgc[aria-disabled=true] b{color:var(--muted);font-weight:500}
a.sx-pgc:hover{background:var(--raised)}
.sx-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:13px;color:var(--muted)}
@media (max-width:600px){
  .sx-wk{grid-template-columns:minmax(0,1fr) 16px;row-gap:8px;padding:12px 14px}
  .sx-wk-w{grid-column:1;grid-row:1}
  .sx-wk-top{grid-column:1;grid-row:2;gap:10px}
  .sx-wk-top .it:nth-child(n+2) span{display:none}
  .sx-chev{grid-column:2;grid-row:1/3}
  .sx-mo{padding:12px 14px 4px}
  .sx-pg2{gap:10px}
  .sx-pgc{padding:12px 14px}
  .sx-pgc b{font-size:14px}
  .sx-pgc .sx-label{white-space:nowrap}
}

/* ---------- SEO-10 cite ---------- */
.sx-cite{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}
.sx-cc{padding:20px}
.sx-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--chip);margin:12px 0 12px}
.sx-seg button{all:unset;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center}
.sx-seg button[aria-selected=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 2px rgba(18,20,43,.08),0 0 0 1px var(--hair)}
.sx-quote{margin:0;padding:14px 16px;border-radius:12px;background:var(--raised);border:1px solid var(--hair);font-size:15px;line-height:1.55;color:var(--fg)}
.sx-cc-act{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.sx-cc-act p{margin:0;font-size:12px;color:var(--muted)}
.sx-qbtn.ok{color:var(--fg)}
.sx-qbtn.ok svg{color:var(--up-fg)}
.sx-meth{padding:20px}
.sx-meth ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.sx-meth li{position:relative;padding-left:16px;font-size:14px;line-height:1.55}
.sx-meth li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--secondary)}
.sx-dl{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;padding:20px;align-items:center}
.sx-dl img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px var(--hair)}
.sx-dl h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.3}
.sx-dl dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:14px 0 18px;font-size:13px}
.sx-dl dt{color:var(--muted)}
.sx-dl dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.sx-dl .acts{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:820px){.sx-cite{grid-template-columns:1fr}.sx-dl{grid-template-columns:1fr;gap:16px}}
@media (max-width:600px){.sx-cc,.sx-meth,.sx-dl{padding:16px}.sx-quote{font-size:14px}}
@media (max-width:600px){
  .sx-t.keep-mv col.c-mv{width:72px}
  .sx-t.keep-mv th.mv,.sx-t.keep-mv td.mv{display:table-cell}
  .sx-t.keep-mv td.mv{padding-top:11px}
}
/* MOCKUP-ONLY: the hover state is drawn only in the states shot */
.hov-only{display:none}
.sx-pr-sub{display:none}
.sx-pr-why{display:block;margin:0;font-size:13px;color:var(--muted)}
.sx-pr-n .na{color:var(--muted)}
@media (max-width:600px){
  .sx-stat-s .dk{display:none}
  .sx-pr-n span{display:none}
  .sx-pr-sub{display:block;margin:6px 0 0;font-size:12px;color:var(--muted)}
  .sx-strip-x{display:none}
}
.sx-dev .ph-st,.sx-t .ph-lab{display:none}
@media (max-width:600px){
  .sx-t .dk-only,.sx-nl .sx-stores{display:none}
  .sx-t .ph-lab{display:inline}
  .sx-dev{display:flex;align-items:center;gap:6px;min-width:0}
  .sx-dev .d{overflow:hidden;text-overflow:ellipsis;min-width:0}
  .sx-dev .ph-st{display:inline-flex;flex:none}
  .sx-gt .sx-stores{flex-wrap:wrap;justify-content:flex-end;row-gap:3px}
}
@media (max-width:600px){.sx-dev .ph-st{order:-1}}
@media (max-width:360px){.sx-t col.c-rk{width:62px}.sx-t.keep-mv col.c-mv{width:62px}}
@media (max-width:360px){.sx-t .sx-dev .store{padding:0 3px}.sx-ac{gap:8px}.sx-t td:first-child{padding-right:2px}}
@media (max-width:600px){.sx-gt thead th .sx-key,.sx-gt .sx-flag{display:none}}

/* ---- SEO-10 Cite v2 (Oct 23): citation line, contact form ---- */
.sx-sub+.sx-sub{margin-top:10px}
.sx-cc-lead{margin:10px 0 12px;font-size:14px;line-height:1.5;color:var(--muted)}
.sx-qrow{display:flex;gap:10px;align-items:center}
.sx-qrow .sx-quote{flex:1;min-width:0}
.sx-qrow .sx-qbtn{flex:none}
.sx-credit{font-weight:600;font-size:16px;letter-spacing:-.005em}
.sx-tmpl{font-size:14px}
.sx-slot{color:var(--secondary);font-weight:600}
.sx-meth li b{font-weight:700}
.sx-contact .sx-cap{max-width:640px}
.sx-form{padding:20px;max-width:720px;box-sizing:border-box}
.sx-fgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}
.sx-form label{display:grid;gap:6px;font-weight:600;font-size:14px;min-width:0;align-content:start}
.sx-form label.full{grid-column:1/-1}
.sx-form .opt{font-weight:400;color:var(--muted);font-size:13px;margin-left:4px}
.sx-form input:not([type=hidden]),.sx-form textarea{font:inherit;font-size:16px;font-weight:400;line-height:1.4;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);outline:none;width:100%;box-sizing:border-box;min-width:0;transition:border-color .18s var(--ease),box-shadow .2s var(--ease)}
.sx-form textarea{resize:vertical;min-height:132px;line-height:1.5}
.sx-form input:focus,.sx-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.sx-form label.bad input,.sx-form label.bad textarea{border-color:var(--down-fg);box-shadow:0 0 0 3px color-mix(in srgb,var(--down-fg) 14%,transparent)}
.sx-ferr{display:flex;gap:6px;align-items:center;font-weight:500;font-size:13px;line-height:1.35;color:var(--down-fg)}
.sx-ferr svg,.sx-fbanner svg{flex:none}
.sx-fbanner{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--pill-down);border:1px solid color-mix(in srgb,var(--down-fg) 30%,transparent);color:var(--fg);font-size:14px;line-height:1.5}
.sx-fbanner svg{color:var(--down-fg);margin-top:2px}
.sx-fsend{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap}
.sx-send{height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--btn);color:var(--on-button);font:600 15px/1 var(--font);cursor:pointer;box-shadow:0 1px 2px rgba(18,20,43,.12),inset 0 1px 0 rgba(255,255,255,.14)}
.sx-send:hover{background:var(--btn-hover)}
.sx-send:disabled{background:var(--chip);color:var(--muted);cursor:progress;box-shadow:none}
.sx-form.done{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:22px 20px}
.sx-done{margin:0;font-size:16px;line-height:1.45}
.sx-done.nl-msg.ok{align-items:flex-start}
.sx-done .ck{margin-top:-1px}
.sx-done .ck circle,.sx-done .ck path{stroke-dashoffset:0;animation:none}
.nl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Turnstile: MOCK of the third-party iframe, only to reserve its footprint (flexible: 100% wide, min 300; 65px tall) */
.sx-ts{flex:1 1 300px;max-width:340px;min-width:0}
.cf-turnstile{height:65px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px 0 14px;border:1px solid #e0e0e0;background:#fafafa;border-radius:4px;font:400 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#232323}
[data-theme=dark] .cf-turnstile{background:#232323;border-color:#3c3c3c;color:#f2f2f2}
.ts-l{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}
.ts-cb{width:22px;height:22px;flex:none;border:2px solid #8a8a8a;border-radius:4px;background:#fff;box-sizing:border-box}
[data-theme=dark] .ts-cb{background:#2e2e2e;border-color:#9a9a9a}
.ts-ok{display:inline-flex;color:#16a34a}.ts-ok svg{width:24px;height:24px}
.ts-r{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.ts-r b{font-size:10px;letter-spacing:.06em;font-weight:800}
.ts-r small{font-size:8px;color:#6b6b6b}
[data-theme=dark] .ts-r small{color:#a0a0a0}
@media (max-width:600px){
  .sx-qrow{flex-direction:column;align-items:stretch}
  .sx-qrow .sx-qbtn{align-self:flex-start}
  .sx-credit{font-size:15px}
  .sx-form{padding:16px}
  .sx-fgrid{grid-template-columns:minmax(0,1fr)}
  .sx-fsend{flex-direction:column;align-items:stretch;gap:12px}
  .sx-ts{flex:none;max-width:none}
  .sx-send{width:100%;height:48px}
}
/* below 300px of card width Turnstile can't do flexible: use data-size="compact" (150x140) */
@media (max-width:360px){
  .cf-turnstile{width:150px;height:140px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px 12px}
  .ts-l{white-space:normal}
  .ts-r{align-items:flex-start}
}
.sx-tsw{display:flex;flex-direction:column;gap:8px;flex:1 1 300px;max-width:340px;min-width:0}
.sx-tsw .sx-ts{flex:none;max-width:none}
@media (max-width:600px){.sx-tsw{flex:none;max-width:none}}
/* 320: keep the Outlet placeholder whole. Input text stays 16px so iOS doesn't zoom on focus */
@media (max-width:360px){.sx-form input:not([type=hidden]),.sx-form textarea{padding-left:12px;padding-right:12px}.sx-form input::placeholder{font-size:15px}}
/* Oct 23: the phone best-chart line wraps instead of truncating, so platform and chart are never cut */
@media (max-width:600px){.sx-bcl{white-space:normal;overflow:visible;text-overflow:clip}}
/* honeypot: never visible to sighted users, in any form (the live rule is scoped to .nlform only) */
.nl-hp,.sx-form .nl-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.sx-form .nl-hp label{display:inline}
.sx-ferr{align-items:flex-start}.sx-ferr svg{margin-top:0}