/* Use the site's existing compact cards, color tokens and type scale. */
.sq-card{margin:0 0 18px;padding:12px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;color:var(--ink)}
.sq-card[hidden]{display:none}
.sq-header h2{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:var(--blue);margin:0}
.sq-choice{display:grid;grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:10px}
.sq-choice+.sq-choice{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.sq-intro{display:flex;align-items:center;gap:10px;min-width:0}
.sq-intro img{width:56px;height:70px;object-fit:contain;flex:0 0 56px;background:var(--card);border-radius:8px}
.sq-intro>div{min-width:0}
.sq-eyebrow{display:block;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;color:var(--blue)}
.sq-choice h3{font-size:.78rem;font-weight:800;line-height:1.3;margin:2px 0;color:var(--ink)}
.sq-intro p{font-size:.65rem;line-height:1.5;color:var(--muted);margin:3px 0 0}
.sq-actions{display:grid;gap:4px;min-width:0}
.sq-buy{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 9px;background:var(--blue);color:#fff;border-radius:8px;font-size:.68rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none}
.sq-buy:hover{background:var(--blue-d,#1d4ed8)}
.sq-family-link{display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px;font-size:.65rem;font-weight:700;line-height:1.4;color:var(--blue);text-decoration:none}
.sq-lineup{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:8px;color:var(--blue);font-size:.7rem;font-weight:800;line-height:1.4;text-decoration:none}
.sq-lineup:hover,.sq-family-link:hover{text-decoration:underline}
.sq-take{border-top:1px solid var(--line);margin-top:2px}
.sq-take summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:9px 0;font-size:.7rem;font-weight:800;line-height:1.4;color:var(--ink);list-style:none;cursor:pointer}
.sq-take summary::-webkit-details-marker{display:none}
.sq-plus{font-size:1rem;color:var(--faint);line-height:1;flex:none}
.sq-take[open] .sq-plus{transform:rotate(45deg)}
.sq-copy{font-size:.72rem;line-height:1.6;color:var(--muted)}
.sq-copy p{margin:0 0 10px}.sq-copy p:last-child{margin-bottom:2px}
.sq-card a:focus-visible,.sq-take summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:420px){.sq-choice{grid-template-columns:minmax(0,1fr)}.sq-actions{display:flex;flex-wrap:wrap;gap:4px 10px;margin-left:66px}.sq-buy{flex:1 1 116px}.sq-family-link{flex:1 1 100px}.sq-intro img{height:64px}}

/* The model page keeps the same 560px frame and row format as the catalog. */
.sqhub .wrap,.sqhub .pagebg{max-width:560px}
.sqhub .hub-main{background:rgba(243,244,246,.78);border-radius:18px;margin:-14px 0 18px;padding:16px 16px 22px;position:relative;z-index:2}
.sqhub .article-hero{min-height:220px;padding:36px 18px 32px}
.sqhub .article-hero h1{font-size:1.65rem;line-height:1.2}
.sqhub .hero-deck{font-size:.78rem;line-height:1.5;color:#c6d2e4;margin-top:7px}
.hub-back{display:inline-flex;align-items:center;min-height:32px;margin-bottom:8px;font-size:.7rem;font-weight:700;color:var(--blue);text-decoration:none}
.hub-jump{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.hub-jump a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:.72rem;font-weight:600;line-height:1.4;text-decoration:none}
.hub-jump a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.hub-take{margin-bottom:18px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.hub-take summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:10px 12px;font-size:.7rem;font-weight:800;line-height:1.4;list-style:none;cursor:pointer}
.hub-take summary::-webkit-details-marker{display:none}
.hub-take summary::after{content:'+';font-weight:900;color:var(--faint)}
.hub-take[open] summary::after{content:'−'}
.hub-take .take-copy{padding:0 12px 12px;font-size:.75rem;line-height:1.6;color:var(--muted)}
.take-copy p+p{margin-top:10px}.take-copy a{font-weight:700;color:var(--blue)}
.family{scroll-margin-top:84px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.family:first-of-type{border:0;padding:0;margin:0}
.family .eyebrow{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:var(--blue)}
.family h2{font-size:1.1rem;line-height:1.25;font-weight:800;letter-spacing:-.01em;margin:4px 0 6px}
.family .family-intro{font-size:.75rem;line-height:1.55;color:var(--muted);margin:0 0 10px}
.model-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.model{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink);line-height:1.4}
.model-art{display:flex;align-items:center;justify-content:center;flex:0 0 74px;min-width:0;background:var(--card)}
.model-art img{width:74px;height:100px;max-width:100%;object-fit:contain}
.model-info{flex:1;min-width:0}
.model .role{font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);line-height:1.4}
.model h3{font-size:.85rem;font-weight:800;line-height:1.3;margin:2px 0}
.model .model-code{font-size:.64rem;color:var(--faint);line-height:1.5;overflow-wrap:anywhere}
.model ul{padding:0;list-style:none;margin:5px 0;color:var(--muted);font-size:.68rem;line-height:1.5}
.model ul li{position:relative;padding-left:10px}.model ul li::before{content:'·';position:absolute;left:1px;color:var(--blue);font-weight:900}
.model .warranty{font-size:.65rem;font-weight:700;line-height:1.5;color:var(--muted);margin:5px 0 8px}
.model-actions{display:flex;flex-wrap:wrap;gap:6px}
.model-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-size:.68rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none}
.model-actions a.secondary{background:var(--card);color:var(--blue);border-color:var(--line)}
.model-actions a:hover{background:var(--navy);border-color:var(--navy);color:#fff;text-decoration:none}
.model-pick{display:inline-block;margin-bottom:6px;padding:3px 6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;color:var(--blue);font-size:.58rem;font-weight:800;line-height:1.4}
.model[id],#stacked{scroll-margin-top:84px}
.family-note{font-size:.7rem;line-height:1.55;color:var(--muted);margin-top:10px}
.family-note a,.family-options a{color:var(--blue);font-weight:700}
.family-options{margin-top:12px;padding:0 12px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.family-options summary{padding:10px 0;min-height:40px;font-size:.7rem;font-weight:800;line-height:1.5;cursor:pointer}
.family-options p{margin:0 0 10px;font-size:.7rem;line-height:1.55;color:var(--muted)}
.hub-footer-note{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:.65rem;line-height:1.6;color:var(--muted)}
.hub-footer-note a{color:var(--blue)}
.hub-return{display:block;padding:11px;margin-top:16px;border-radius:8px;background:var(--navy);color:#fff;text-decoration:none;text-align:center;font-size:.72rem;font-weight:800;line-height:1.5}
.sqhub a:focus-visible,.sqhub summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:420px){.sqhub .article-hero h1{font-size:1.45rem}.model{gap:10px;padding:10px}.model-art{flex-basis:56px}.model-art img{width:56px;height:80px}}

.sq-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.sq-header h2{margin:0;min-width:0}
.sq-toggle{flex:none;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--blue);font-family:inherit;font-size:.65rem;font-weight:800;line-height:1.4;padding:5px 8px;min-height:30px;cursor:pointer}
.sq-toggle:hover{background:#eff6ff}
.sq-toggle:focus-visible,.sq-pair-row select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.sq-card.is-collapsed{padding:6px 10px;margin-bottom:12px;border-top-width:1px}
.sq-card.is-collapsed .sq-header{margin:0}
#sqBody[hidden],.sq-pair-row[hidden]{display:none}
.sq-pair-row{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:.65rem;color:var(--muted)}
.sq-pair-row label{font-weight:700}.sq-pair-row select{min-height:30px;font-family:inherit;font-size:.68rem;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:7px;padding:4px 8px;max-width:100%}
.sq-shortcuts{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:6px}.sq-shortcuts a{display:inline-flex;align-items:center;min-height:30px;font-size:.65rem;font-weight:700;line-height:1.4;color:var(--blue);text-decoration:none}.sq-shortcuts a:hover{text-decoration:underline}
.budget-link{font-size:.72rem;line-height:1.5;color:var(--muted);margin:0 0 14px}.budget-link a{color:var(--blue);font-weight:800}.hub-footer-note+.budget-link{margin:16px 0 0}
.budget-intro{font-size:.78rem;line-height:1.6;color:var(--muted);margin:0 0 16px}.budget-intro strong{color:var(--ink)}
.budget-model-copy{font-size:.7rem;line-height:1.5;color:var(--muted);margin:5px 0}
.budget-copy>p{font-size:.75rem;line-height:1.6;color:var(--muted);margin:0 0 10px}
.budget-topload{margin-top:20px}.budget-topload .model{margin-bottom:12px}.budget-topload .model p{margin:5px 0}