@font-face{font-family:"PeachesAndCream";src:url("/fonts/PeachesAndCream-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"AGBookRounded";src:url("/fonts/AGBookRounded-Bold.otf") format("opentype");font-weight:700;font-display:swap}
:root{--paper:#f2f7fb;--card:#ffffff;--ink:#0b1b24;--muted:#54707f;--rule:#d5e6ef;--blue:#00a2e8;--blue-deep:#0078ad;--blue-ink:#063a52;--gold:#ffd84d;--gold-deep:#e7b800;--soft:#e4f4fd;--shadow:24px 40px -28px rgba(6,58,82,.45);--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--maxw:1120px;--measure:64ch}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#05121a;--card:#0c1d27;--ink:#e8f2f8;--muted:#8ea9b8;--rule:#173442;--blue:#2bb4f2;--blue-deep:#4fc3f7;--blue-ink:#bfe6f8;--gold:#ffd84d;--gold-deep:#ffd84d;--soft:#0a2836;--shadow:24px 40px -30px rgba(0,0,0,.75)}}
:root[data-theme="dark"]{--paper:#05121a;--card:#0c1d27;--ink:#e8f2f8;--muted:#8ea9b8;--rule:#173442;--blue:#2bb4f2;--blue-deep:#4fc3f7;--blue-ink:#bfe6f8;--gold:#ffd84d;--gold-deep:#ffd84d;--soft:#0a2836;--shadow:24px 40px -30px rgba(0,0,0,.75)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}
img{max-width:100%}
a{color:var(--blue-deep)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.brandlink{text-decoration:none}
.mark{font-size:1.3rem}
.mark .my{font-family:"PeachesAndCream",var(--sans);color:var(--gold-deep);font-size:1.15em}
.mark .hs{font-family:"AGBookRounded",var(--sans);font-weight:700;letter-spacing:.02em;color:var(--ink)}
header.site{padding:16px 0;border-bottom:1px solid var(--rule)}
main{padding:clamp(1.4rem,5vh,3rem) 0}
h1{font-size:clamp(1.5rem,4.5vw,2.2rem);line-height:1.15;margin:.2em 0;text-wrap:balance}
h2{font-size:clamp(1.15rem,3vw,1.4rem);margin:1.6rem 0 .4rem}
.crumb{color:var(--muted);font-size:.85rem;margin-bottom:.8rem}
.crumb a{color:var(--muted)}
.lede{color:var(--muted);max-width:var(--measure)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:1.4rem}
.card{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:18px;box-shadow:var(--shadow);text-decoration:none;color:inherit;display:block}
.card h3{margin:.1em 0 .35em;font-size:1.08rem;color:var(--ink)}
.badge{display:inline-block;font-size:.7rem;font-weight:700;padding:.15em .6em;border-radius:999px;background:var(--soft);color:var(--blue-ink)}
.badge.verified{background:var(--gold);color:#3a2c00}
.meta{color:var(--muted);font-size:.9rem;margin:.25em 0}
.price{font-weight:700;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:.6rem 0}
.chip{font-size:.8rem;background:var(--soft);color:var(--blue-ink);padding:.2em .7em;border-radius:999px}
dl.spec{display:grid;grid-template-columns:auto 1fr;gap:.45em 1.2em;margin:1.2rem 0;max-width:var(--measure)}
dl.spec dt{color:var(--muted)}
dl.spec dd{margin:0}
.cta{margin-top:2rem;padding:22px;border-radius:16px;background:var(--soft);text-align:center}
.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:700;padding:.7em 1.3em;border-radius:12px;text-decoration:none}
footer.site{border-top:1px solid var(--rule);padding:24px 0;margin-top:2rem;color:var(--muted);font-size:.85rem}
footer.site .links{display:flex;flex-wrap:wrap;gap:14px;margin:.6rem 0}