:root{--bg:#f7f5ef;--ink:#20242a;--muted:#667085;--line:#ded8cc;--accent:#0f766e;--accent2:#b45309;--paper:#fffdf7}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}a{color:inherit}
.hero{min-height:78vh;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.22)),url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1800&q=80') center/cover;color:white;display:flex;flex-direction:column;justify-content:space-between}.article-hero{min-height:58vh;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.25)),url('https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?auto=format&fit=crop&w=1600&q=80') center/cover;color:white;display:flex;flex-direction:column;justify-content:space-between}.ad-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.25)),url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1600&q=80')}
nav{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px clamp(18px,5vw,64px)}nav div{display:flex;gap:12px;flex-wrap:wrap}nav a{text-decoration:none;font-size:13px;opacity:.88}
.hero-copy{padding:0 clamp(18px,5vw,64px) 12vh;max-width:860px}.eyebrow{font-size:13px;letter-spacing:0;color:#d9f99d;font-weight:700}.hero h1{font-size:clamp(42px,7vw,84px);line-height:1.03;margin:10px 0 18px;letter-spacing:0}.hero-copy p:last-child{font-size:clamp(16px,2vw,22px);max-width:680px}
.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:48px clamp(18px,5vw,64px);background:var(--paper);border-bottom:1px solid var(--line)}.intro h2,.catalog h2,.band h2{font-size:28px;margin:0 0 10px}.intro p{margin:0;color:var(--muted)}.intro ul{margin:0;padding-left:20px}
.band{padding:34px clamp(18px,5vw,64px);border-bottom:1px solid var(--line)}.inner{max-width:1120px;margin:auto}.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.mini-grid a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px}.mini-grid span{color:var(--accent);font-weight:800;white-space:nowrap;text-align:right;line-height:1.25}.mini-grid span small{display:block;color:var(--muted);font-size:10px;font-weight:800;white-space:normal}
.catalog,.blog-summary{padding:48px clamp(18px,5vw,64px)}.catalog-head{max-width:940px;margin:0 auto 24px}.catalog-head p{color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1180px;margin:auto}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.thumb{height:190px;background-size:cover;background-position:center;display:block;position:relative}.thumb span{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.9);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.card-body{padding:18px}.card h3{font-size:20px;line-height:1.35;margin:0 0 8px}.audience{font-weight:700;color:var(--accent);font-size:13px}.card p{color:var(--muted);font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.metrics div{background:#f1eee6;border-radius:8px;padding:10px}.metrics b{display:block;font-size:17px}.metrics small{font-size:10px;color:var(--muted)}.card ul{padding-left:18px;font-size:13px}.button,button.disabled{display:inline-block;text-decoration:none;border:0;border-radius:8px;background:var(--accent);color:white;padding:10px 14px;font-weight:800;margin-right:6px;margin-top:4px}.button.secondary{background:var(--accent2)}.disabled{background:#b8b2a8;color:white}.blog-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:22px;max-width:1160px;margin:0 auto;padding:42px clamp(18px,5vw,64px)}.article{padding:34px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.article h2{font-size:26px;margin-top:26px}.notice{border-left:4px solid var(--accent2);background:#f1eee6;padding:12px}.article-metrics{margin:22px 0}.sidebar{display:flex;flex-direction:column;gap:12px}.side-link{display:block;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px;text-decoration:none;font-weight:700}.ad-slot{max-width:1180px;margin:18px auto;padding:18px;border:1px solid #d6b97e;background:#fff8e8;border-radius:8px}.ad-slot span{font-size:11px;color:var(--accent2);font-weight:900}.ad-slot strong{display:block;font-size:20px}.ad-slot p{margin:4px 0 10px;color:var(--muted)}.ad-slot a{font-weight:900;color:var(--accent2)}.ad-article{margin:18px 0}.latest-list{max-width:940px;margin:0 auto;padding:0;list-style:none}.latest-list li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:8px}.latest-list span{font-weight:900;color:var(--accent2)}.latest-list a{text-decoration:none;font-weight:800}.latest-list small{color:var(--muted)}.market-rank{margin:22px 0 30px;padding:20px;border:1px solid #d7c5a3;background:#fffaf0;border-radius:8px}.source-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 8px;color:var(--muted);font-size:13px}.source-note span{color:var(--accent2);font-weight:900}.source-note a{font-weight:900;color:var(--accent);text-decoration:none}.source-note small{color:var(--muted)}.market-list,.ranking-list{display:flex;flex-direction:column;gap:16px;padding:0;list-style:none}.market-list li,.ranking-list li{display:grid;grid-template-columns:52px 1fr;gap:14px;border:1px solid var(--line);border-radius:8px;background:#fffaf0;padding:16px}.market-list li{background:var(--paper)}.rank{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent2);color:white;font-weight:900;font-size:22px}.market-list h3,.ranking-list h3{margin:0 0 6px;font-size:22px}.market-meta{color:var(--accent);font-weight:800;margin:0 0 6px}.takeaway{border-left:4px solid var(--accent);padding:12px 14px;background:#eef7f5;border-radius:0 8px 8px 0}.takeaway strong{display:block;margin-bottom:4px}.takeaway p{margin:0}.request-list{display:grid;gap:12px;max-width:980px;margin:0 auto}.request-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:16px}.request-card h3{margin:0 0 6px;font-size:19px}.request-card p{margin:4px 0;color:var(--muted)}.request-card code{background:#f1eee6;border-radius:8px;padding:8px;font-size:12px;color:var(--accent2);white-space:nowrap}.source-link{font-weight:900;color:var(--accent);text-decoration:none}.muted{color:var(--muted)}textarea{width:100%;min-height:160px;border:1px solid var(--line);border-radius:8px;background:#fdfbf4;color:var(--ink);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}
footer{padding:28px clamp(18px,5vw,64px);border-top:1px solid var(--line);color:var(--muted);font-size:12px;background:var(--paper)}
@media(max-width:860px){.blog-layout{grid-template-columns:1fr}.latest-list li{grid-template-columns:36px 1fr}.latest-list small{grid-column:2}}@media(max-width:720px){.intro{grid-template-columns:1fr}.hero{min-height:72vh}nav{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.thumb{height:160px}}