:root{--fb:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fd:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fm:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--bg:#fffdf7;
--bg-img:radial-gradient(#ff5fa2 1.6px,transparent 1.7px);background-size:22px 22px;
--fg:#161616;--fg2:#6b6b6b;--accent:#00b3a4;
--card:#fff;--card-h:#fffdf0;--line:#161616;--r:14px;--r-sel:10px;--sh:5px 5px 0 #161616;--sh-h:7px 7px 0 #161616;
--gap:16px;--min:220px;--min-m:144px;--gap-m:11px;--card-pad:14px 15px;--h1:clamp(30px,5.4vw,58px);--h1-w:900;--h1-ls:-.02em;
--h1-sub:13px;--hero-pad:40px 0 20px;--chip-bg:#fff;--chip-bd:2px solid #161616;--chip-r:999px;--name-s:14px;--name-w:700;
--fav:28px;--fav-r:50%;--in-bg:#fff;--in-bd:2px solid #161616;--in-r:999px;--in-sh:4px 4px 0 #161616;--wrap-pad:28px 22px 54px;--max:1220px}
.card{border:2px solid #161616}
.card:nth-child(6n+1){background:#ffe066}
.card:nth-child(6n+2){background:#c8f7e4}
.card:nth-child(6n+3){background:#ffd6e8}
.card:nth-child(6n+4){background:#d8e8ff}
.card:hover{background:#fff}
h1{position:relative}
h1::after{content:'';position:absolute;left:0;bottom:-10px;width:120px;height:8px;
  background:repeating-linear-gradient(90deg,#00b3a4 0 12px,transparent 12px 20px)}
.chip.on{background:#00b3a4;border-color:#161616;color:#fff;box-shadow:3px 3px 0 #161616}
.hdr{border-bottom:3px solid #161616;background:#fffdf7}
.brand .mark{color:#ff5fa2}