.list-entry-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.list-entry-row .ai-entry{flex:1 1 220px;margin:0!important}
html body[data-mode] .how-entry,html body[data-mode] .how-profile-link{display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:12px;font-weight:700;text-decoration:none;color:#C0C7D1!important;background:#16181c!important;border:1px solid rgba(192,199,209,.45)!important;box-shadow:0 2px 10px rgba(192,199,209,.12)!important;white-space:nowrap}
html body[data-mode="day"] .how-entry,html body[data-mode="day"] .how-profile-link{color:#374151!important;background:#f3f4f6!important;border-color:#c0c7d1!important}
.how-profile-link{margin:6px 0 4px}
html body[data-mode] .desk-nav .desk-how{color:#C0C7D1!important;text-decoration:none;font-weight:600;font-size:14px;padding:6px 10px;white-space:nowrap}
.how-screen{padding:0 16px 140px;max-width:760px;margin:0 auto}
.how-intro{color:var(--muted,#9ca3af);margin:4px 0 14px;line-height:1.45}
.how-sec{border-radius:18px;padding:16px;margin:0 0 14px;border:1px solid rgba(192,199,209,.28);box-shadow:0 4px 18px rgba(192,199,209,.10)}
body[data-mode="night"] .how-sec{background:#121417}
body[data-mode="day"] .how-sec{background:#fff}
.how-sec h2{display:flex;align-items:center;gap:8px;font-size:19px;margin:0 0 10px}
.how-dot{width:10px;height:10px;border-radius:50%}
.how-dot.buy{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}
.how-dot.sell{background:#8B1E1E;box-shadow:0 0 8px rgba(139,30,30,.6)}
.how-sec ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.how-step{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:14px;border:1px solid rgba(192,199,209,.18)}
.how-num{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;border:1px solid #C0C7D1;color:inherit}
.how-buy .how-num{border-color:#22c55e;color:#22c55e}
.how-sell .how-num{border-color:#8B1E1E;color:#8B1E1E}
.how-ic{font-size:22px;line-height:26px}
.how-step strong{display:block;font-size:15px}
.how-step p{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--muted,#9ca3af)}
body[data-mode="day"] .how-step p{color:#4b5563}
.how-step a{color:inherit;text-decoration:underline}
.how-buy-word{color:#16a34a}.how-sell-word{color:#8B1E1E}
.how-note{padding:12px 14px;border-radius:14px;border:1px dashed rgba(192,199,209,.5);font-size:14px}
.how-cta{display:flex;gap:10px;margin-top:12px}
.how-cta .btn{flex:1;text-align:center;text-decoration:none;padding:12px;border-radius:12px;font-weight:700;color:#fff!important}
html body[data-mode] .how-btn-buy{background:#16a34a!important;border:0!important}
html body[data-mode] .how-btn-sell{background:#8B1E1E!important;border:0!important}
html body[data-mode] .how-step p a{color:inherit!important;text-decoration:underline;text-decoration-color:#C0C7D1}

.sales-head{display:flex;align-items:center;gap:10px}
.sales-how{font-size:14px;font-weight:700;color:#C0C7D1!important;border-bottom:1px solid #9ca3af;margin-left:auto;text-decoration:none;white-space:nowrap}
body[data-mode="day"] .sales-how{color:#4b5563!important}
.sales-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 14px 12px}
.sales-tiles a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:58px;border-radius:12px;background:#111317;border:1px solid rgba(192,199,209,.55);box-shadow:0 0 10px rgba(192,199,209,.15);font-weight:700;font-size:20px;text-decoration:none;color:#C0C7D1!important}
.sales-tiles a small{font-size:11.5px;margin-top:2px;white-space:nowrap}
.sales-tiles .soon{position:absolute;top:-7px;right:-4px;font-size:9px;font-weight:800;padding:1px 5px;border-radius:999px;background:#8B1E1E;color:#fff}
body[data-mode="day"] .sales-tiles a{background:#fff;color:#374151!important;border-color:rgba(107,114,128,.45);box-shadow:0 2px 8px rgba(107,114,128,.12)}
@media(min-width:900px){.sales-tiles{max-width:640px}}
/* About page + footer credit */
.about-list{margin:.4rem 0 0;padding-left:1.15rem;display:grid;gap:.5rem}
.about-list li{line-height:1.45}
.about-screen p{line-height:1.5;overflow-wrap:anywhere}
.site-legal-footer .footer-credit{flex-basis:100%;width:100%}
.about-screen #about-who a{text-decoration:underline;text-underline-offset:2px}

/* How-To Videos big button + page */
.howto-big{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#1D6FE0,#0E3F86);color:#fff!important;text-decoration:none;font-size:22px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.howto-big-ic{width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff!important}
.howto-big-txt{flex:1;display:flex;flex-direction:column;gap:2px}
html body .howto-big .howto-big-txt strong{font-size:20px;color:#fff!important}html body .howto-big .howto-big-txt small{font-size:13px;color:#fff!important}html body .howto-big>span:last-child{color:#fff!important}
.howto-screen .how-vid-grid{margin-top:8px}
html body .howto-screen .how-vid h3{color:inherit}
/* Phones: install banner sits fixed at ~150px; push intro below it */
@media (max-width:899px){html body:has(#installBanner) .howto-screen .how-intro{margin-top:72px}}
html body[data-mode] .howto-screen .screen-head a,html body[data-mode] .howto-screen .screen-head a *{color:#1D6FE0!important;border-color:#1D6FE0!important}
html body[data-mode] .howto-screen{--brand:#1D6FE0;--red:#1D6FE0;--accent:#1D6FE0}
html body[data-mode] .howto-screen .screen-head a::before,html body[data-mode] .howto-screen .screen-head a::after{color:#1D6FE0!important;border-color:#1D6FE0!important}
html body[data-mode] .howto-screen .screen-head a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D6FE0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M12 19l-7-7 7-7'/%3E%3C/svg%3E")!important}