:root{--bg: #f6f5f1;--surface: #ffffff;--surface-glass: rgba(255, 255, 255, .82);--text: #16181d;--text-muted: #5b616b;--line: #e4e1da;--brand: #22408f;--brand-soft: #eaeef8;--brand-ink: #14254f;--accent: #d9412b;--accent-soft: #fcebe6;--accent-ink: #a8301d;--gold: #d9412b;--gold-bright: #f3907a;--gold-grad: linear-gradient(135deg, #ea5a3f 0%, #d9412b 55%, #b83420 100%);--ink: #111318;--ink-2: #1a1d24;--radius: 16px;--shadow: 0 1px 2px rgba(17, 19, 24, .05), 0 6px 20px rgba(17, 19, 24, .06);--shadow-lg: 0 1px 2px rgba(17, 19, 24, .05), 0 8px 18px rgba(17, 19, 24, .07), 0 20px 40px rgba(17, 19, 24, .07);--shadow-hover: 0 2px 6px rgba(17, 19, 24, .08), 0 14px 30px rgba(17, 19, 24, .12), 0 30px 56px rgba(17, 19, 24, .12);--maxw: 1080px;--header-h: 64px;--font-display: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,.brand{font-family:var(--font-display)}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:saturate(1.4) blur(12px);background:var(--surface-glass);border-bottom:1px solid var(--line)}.site-header .container{max-width:1240px}.site-header .inner{display:flex;align-items:center;gap:14px;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:1.12rem;letter-spacing:.01em;color:var(--text);flex:none}.brand:hover{text-decoration:none}.brand-mark{flex:none;display:block}.brand-text{white-space:nowrap}.brand-text span{color:var(--accent)}.nav-desktop{display:flex;align-items:center;gap:2px;margin-left:10px}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:0;background:none;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;color:var(--text-muted);white-space:nowrap;transition:background .15s ease,color .15s ease}.nav-link:hover{background:#1113180d;color:var(--text);text-decoration:none}.nav-link[aria-current=page]{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);border-radius:10px 10px 2px 2px}.nav-link[aria-expanded=true]{background:#1113180f;color:var(--text)}.nav-menu{position:relative}.menu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:320px;display:grid;gap:2px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-hover)}.menu-panel[hidden]{display:none}.menu-panel a,.drawer-groups a{display:grid;gap:1px;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none}.menu-panel a:hover,.drawer-groups a:hover{background:var(--brand-soft);text-decoration:none}.menu-panel a b,.drawer-groups a b{font-size:.95rem}.menu-panel a span,.drawer-groups a span{font-size:.78rem;color:var(--text-muted)}.menu-panel a[aria-current=page] b,.drawer-groups a[aria-current=page] b{color:var(--accent-ink)}.header-search{flex:1 1 200px;max-width:300px;margin-left:auto}.lang-switch{flex:none;border:1px solid var(--line);border-radius:999px;padding:6px 13px;color:var(--text);font-size:.85rem;font-weight:700;line-height:1.2;background:var(--surface)}.lang-switch:hover{border-color:var(--text);text-decoration:none}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}.icon-btn:hover{border-color:var(--text)}.icon-btn .i-close,.icon-btn[aria-expanded=true] .i-open{display:none}.icon-btn[aria-expanded=true] .i-close{display:block}.only-mobile{display:none}.drawer{border-top:1px solid var(--line);background:var(--surface);max-height:calc(100dvh - var(--header-h));overflow-y:auto;padding:14px 0 22px}.drawer[hidden]{display:none}.drawer-search{margin-bottom:12px}.drawer-search input{font-size:1rem;padding:12px 14px 12px 38px}.drawer-groups{display:grid;gap:14px}.drawer-groups h2{font-size:.74rem;letter-spacing:.06em;color:var(--text-muted);margin:6px 12px 4px}.drawer-lang{display:inline-block;margin:14px 12px 0;font-weight:700}html.drawer-open{overflow:hidden}@media (max-width: 1023px){.nav-desktop,.site-header .inner>.header-search,.site-header .inner>.lang-switch{display:none}.only-mobile{display:inline-grid}.brand{margin-right:auto}.site-header .inner{gap:8px;min-height:58px}:root{--header-h: 58px}}@media (min-width: 640px) and (max-width: 1023px){.drawer-groups{grid-template-columns:1fr 1fr}}.hero{padding:56px 0 28px}.hero h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 10px;line-height:1.35}.hero p{color:var(--text-muted);margin:0;max-width:60ch}.home-hero{position:relative;overflow:hidden;margin:24px 0 8px;padding:clamp(30px,5vw,56px) clamp(20px,5vw,56px) clamp(44px,6vw,64px);border-radius:24px;color:#fff;background:linear-gradient(100deg,#0a0c10e6,#0a0c10bd 42%,#0a0c1066 72%,#0a0c108c),url(/hero-tokyo.webp) 64% 52% / cover no-repeat,linear-gradient(150deg,#2a2f3a 0%,var(--ink) 100%);box-shadow:var(--shadow-lg)}.home-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent)}.home-hero-inner{position:relative;z-index:2;max-width:44rem}.home-hero h1{font-size:clamp(1.7rem,4.4vw,2.8rem);line-height:1.3;margin:0 0 14px;font-weight:900;letter-spacing:.01em}.home-hero-desc{margin:0;color:#ffffffd6;font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.85;max-width:40rem}.hero-search{margin:24px 0 0;max-width:34rem}.hero-search input{font-size:1.02rem;padding:15px 18px 15px 44px;border:0;box-shadow:0 10px 30px #00000047}.hero-search .search-icon{left:16px;width:18px;height:18px}.hero-search .search-suggest{color:var(--text)}.hero-popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:.82rem}.hero-popular>span{color:#ffffffa8;margin-right:2px}.hero-popular a{color:#fff;padding:4px 11px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22)}.hero-popular a:hover{background:#fff3;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #d9412b52;border:1px solid transparent}.btn-primary:hover{background:var(--accent-ink);box-shadow:0 10px 26px #d9412b66}.hero-stats{display:flex;flex-wrap:wrap;gap:22px;list-style:none;margin:26px 0 0;padding:0}.hero-stats li{display:flex;align-items:baseline;gap:6px}.hero-stats b{font-family:var(--font-display);font-size:1.35rem;font-weight:900;line-height:1;color:#fff}.hero-stats span{font-size:.78rem;color:#ffffffb3}.hero-credit{position:absolute;z-index:2;right:clamp(14px,3vw,22px);bottom:clamp(12px,2vw,16px);margin:0;font-size:.66rem;letter-spacing:.02em;color:#ffffff75;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hero-credit a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}.hero-credit a:hover{color:#fffc;text-decoration:none}@media (max-width: 640px){.home-hero{margin-top:14px;border-radius:18px}.hero-stats{gap:16px}.hero-credit{position:static;margin-top:18px}}.home-section{margin:40px 0 0}.more-link{display:inline-block;margin-top:14px;font-weight:700;font-size:.9rem}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.tool-tile{display:grid;gap:6px;align-content:start;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.tool-tile:hover{border-color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.tool-tile svg{color:var(--accent)}.tool-tile b{font-size:1.02rem}.tool-tile span{font-size:.82rem;color:var(--text-muted);line-height:1.6}.tool-tile.is-primary{background:var(--ink);border-color:var(--ink);color:#fff}.tool-tile.is-primary span{color:#ffffffb8}.tool-tile.is-primary svg{color:var(--gold-bright)}@media (max-width: 860px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid.grid-feed{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 0 0}.grid-feed .card .thumb{aspect-ratio:4 / 3}.grid-feed .card .summary{-webkit-line-clamp:2;line-clamp:2}@media (max-width: 1000px){.grid.grid-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.grid.grid-feed{grid-template-columns:1fr}.grid-feed .card a{flex-direction:row}.grid-feed .card .thumb{flex:none;width:112px;aspect-ratio:auto}.grid-feed .card .summary{display:none}.grid-feed .card .body{padding:12px 14px;gap:4px}.grid-feed .card h3{font-size:.98rem}.grid-feed .card .thumb-fallback{padding:0 10px}.grid-feed .card .thumb-fallback .thumb-area{font-size:.9rem}}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:16px}@media (max-width: 520px){.cat-grid{grid-template-columns:1fr 1fr;gap:10px}.cat-tile{min-height:132px}.cat-tile-body span{display:none}}.cat-tile{position:relative;display:block;overflow:hidden;border-radius:16px;min-height:150px;color:#fff;text-decoration:none;background:var(--ink)}.cat-tile img,.cat-tile-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.cat-tile-ph{background:linear-gradient(150deg,#2a2f3a,var(--ink))}.cat-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0c100d 20%,#0a0c10db)}.cat-tile:hover img{transform:scale(1.05)}.cat-tile:hover{text-decoration:none}.cat-tile-body{position:absolute;z-index:1;left:0;right:0;bottom:0;display:grid;gap:2px;padding:14px 16px}.cat-tile-body b{font-size:1.08rem}.cat-tile-body span{font-size:.76rem;color:#ffffffc7;line-height:1.5}.cat-tile-body em{font-style:normal;font-size:.74rem;font-weight:700;color:var(--gold-bright)}.home-split{display:grid;grid-template-columns:1.15fr 1fr;gap:32px}@media (max-width: 860px){.home-split{grid-template-columns:1fr;gap:0}}.tall-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.tall-list li{display:grid;grid-template-columns:28px minmax(0,1fr) 64px;grid-template-areas:"r n m" "r b m";align-items:center;gap:6px 12px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.tall-rank{grid-area:r;font-family:var(--font-display);font-weight:900;font-size:1.1rem;color:var(--accent);text-align:center}.tall-list a{grid-area:n;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tall-m{grid-area:m;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.tall-bar{grid-area:b;display:block;height:6px;border-radius:3px;background:var(--brand-soft);overflow:hidden}.tall-bar span{display:block;height:100%;width:var(--w);background:var(--brand);border-radius:3px}.area-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.area-links a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-weight:700;font-size:.9rem}.area-links a span{font-size:.74rem;color:var(--text-muted);font-weight:800}.area-links a:hover{border-color:var(--text);text-decoration:none}.section-head{margin:40px 0 4px}.section-head h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.2rem,2.6vw,1.5rem);margin:0}.section-head h2:before{content:"";width:5px;height:1.05em;border-radius:3px;background:var(--accent)}.section-head p{color:var(--text-muted);margin:8px 0 0;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:12px 0 56px}.grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:28px}@media (max-width: 640px){.grid.grid-2{grid-template-columns:1fr}}.grid.grid-2 .card .thumb{aspect-ratio:4 / 5}@media (max-width: 640px){.grid.grid-2 .card .thumb{aspect-ratio:4 / 4.5}}.feed-more{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 56px}.feed-more a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .18s ease,color .18s ease}.feed-more a:hover{border-color:var(--brand);color:var(--brand)}.pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:4px 0 56px}.pager-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.pager-num,.pager-edge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease}.pager-num:hover,.pager-edge:hover{border-color:var(--brand);color:var(--brand)}.pager-num.is-current{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default}.pager-edge.is-disabled{opacity:.4;pointer-events:none}.pager-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:40px;color:var(--text-muted)}.section-head-sub .crumb{margin:0 0 4px;font-size:.82rem}.section-head-sub .crumb a{color:var(--brand);text-decoration:none}.section-head-sub .crumb a:hover{text-decoration:underline}@media (max-width: 640px){.pager-num,.pager-edge{min-width:36px;height:36px;padding:0 9px;font-size:.85rem}.pager-ellipsis{height:36px}}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:var(--gold-grad);opacity:0;transition:opacity .22s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.card:hover:before{opacity:1}.card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card .thumb{aspect-ratio:16 / 9;min-height:0;overflow:hidden;background:linear-gradient(135deg,#cfdcf0,#e9eef6);display:grid;place-items:center;color:var(--brand);font-weight:700;font-size:1.6rem}.card .thumb-img{padding:0;position:relative}.card .thumb-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;font-size:.75rem;color:var(--text-muted)}.card .thumb-fallback{background:radial-gradient(120% 120% at 80% -10%,rgba(31,95,174,.16),transparent 60%),linear-gradient(135deg,#dbe6f6,#eef2f9);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:0 22px;color:var(--text)}.card .thumb-fallback .thumb-type{font-size:.7rem;font-weight:700;letter-spacing:.04em;color:var(--brand);background:#ffffffb3;padding:2px 10px;border-radius:999px}.card .thumb-fallback .thumb-area{font-size:1.25rem;font-weight:800;line-height:1.2}.card .thumb-fallback .thumb-height{font-size:.85rem;font-weight:700;color:var(--text-muted)}.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{margin:0;font-size:1.05rem;line-height:1.45}.card .meta{color:var(--text-muted);font-size:.82rem}.card .summary{color:var(--text-muted);font-size:.9rem;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px}.badge.office{background:var(--brand-soft);color:var(--brand)}.badge.residence{background:#fbf0e1;color:var(--accent)}.badge.bridge{background:#e7eef3;color:#35566b}.badge.unverified{background:#fdeaea;color:#c0392b}.badge.category{background:#eaf4ee;color:#2c6e49}.taglist{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.8rem;background:#eef1f6;color:var(--text-muted);padding:3px 10px;border-radius:999px}.tag:hover{background:var(--brand-soft);color:var(--brand);text-decoration:none}.article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px clamp(20px,5vw,48px);margin:28px 0 48px}.article h1{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.4;margin:6px 0 16px}.article h2{margin-top:2em;border-left:4px solid var(--brand);padding-left:12px}.article img{max-width:100%;border-radius:12px}.article .lead{color:var(--text-muted)}.about-meta{margin:20px 0 8px;padding:16px 18px;background:var(--bg);border-radius:12px;display:grid;gap:8px}.about-meta>div{display:flex;gap:14px;align-items:baseline}.about-meta dt{flex:none;width:6.5em;font-size:.82rem;font-weight:700;color:var(--text-muted);margin:0}.about-meta dd{margin:0}.hero-figure{margin:18px 0 8px}.hero-figure img{width:100%;max-height:460px;object-fit:cover;border-radius:14px;display:block}.hero-figure figcaption{font-size:.74rem;color:var(--text-muted);margin-top:6px;text-align:right}.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:24px 0;padding:18px;background:var(--bg);border-radius:12px}.spec dt{font-size:.8rem;color:var(--text-muted)}@media (max-width: 560px){.spec{grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px;margin:18px 0}.spec dd{font-size:.92rem}}.spec dd{margin:2px 0 0;font-weight:700}.breadcrumb{font-size:.85rem;color:var(--text-muted);margin:24px 0 0}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.breadcrumb li+li:before{content:"›";margin:0 6px 0 2px;color:var(--text-muted)}.post-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0 8px}.post-pager a{display:grid;gap:4px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none}.post-pager a:hover{border-color:var(--text);text-decoration:none}.post-pager span{font-size:.78rem;font-weight:700;color:var(--text-muted)}.post-pager b{font-size:.95rem;line-height:1.5}.post-pager-newer{text-align:right}@media (max-width: 560px){.post-pager{grid-template-columns:1fr}.post-pager-newer{text-align:left}.post-pager>span:empty{display:none}}.affiliate{margin:36px 0 8px;padding:20px 22px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.affiliate-head{display:flex;align-items:center;gap:10px}.affiliate-head h2{margin:0;border:none;padding:0;font-size:1.1rem}.pr-badge{font-size:.68rem;font-weight:700;color:#fff;background:var(--text-muted);padding:2px 8px;border-radius:4px;letter-spacing:.04em}.affiliate-disclosure{font-size:.76rem;color:var(--text-muted);margin:8px 0 12px}.affiliate-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.affiliate-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 16px;font-weight:700;color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.affiliate-list a:hover{border-color:var(--brand);transform:translateY(-1px)}.aff-note{font-size:.78rem;font-weight:600;color:var(--brand);white-space:nowrap}.related{margin:36px 0 8px}.related h2{border:none;padding:0;margin:0;font-size:1.1rem}.related-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.related-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 16px;font-weight:700;color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.related-list a:hover{border-color:var(--brand);transform:translateY(-1px)}.related-area{font-size:.78rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.coming-soon{margin:28px 0;padding:40px 24px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:14px;color:var(--text-muted)}.coming-soon-badge{display:inline-block;margin-bottom:12px;padding:6px 16px;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;letter-spacing:.04em}.cat-list{display:grid;gap:12px;margin:24px 0}.cat-card{display:flex;gap:16px;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.cat-card:hover{border-color:var(--brand);transform:translateY(-1px)}.cat-card-thumb{flex:none;width:180px;background:var(--brand-soft)}.cat-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cat-card-body{display:flex;flex-direction:column;gap:4px;padding:16px 18px;min-width:0}.cat-card-title{font-weight:700;color:var(--text)}.cat-card-area{font-size:.78rem;color:var(--text-muted)}.cat-card-summary{font-size:.85rem;color:var(--text-muted)}@media (max-width: 560px){.cat-card{flex-direction:column}.cat-card-thumb{width:100%;aspect-ratio:16 / 9}}.ranking-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.ranking-list li{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}.rank-no{flex:none;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;background:var(--brand)}.ranking-list li:first-child .rank-no{background:#d4af37}.ranking-list li:nth-child(2) .rank-no{background:#9aa3ad}.ranking-list li:nth-child(3) .rank-no{background:#b08d57}.rank-body{display:flex;flex-direction:column;gap:2px}.rank-name{font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.rank-name:hover{color:var(--brand)}.rank-meta{font-size:.85rem;color:var(--text-muted)}.rank-note{font-size:.78rem;color:var(--text-muted);margin-top:20px}.site-footer{position:relative;margin-top:72px;padding:48px 0 40px;color:#ffffffa8;font-size:.85rem;background:var(--ink);border-top:4px solid var(--accent)}.footer-cols{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px 24px}.footer-brand .brand{font-size:1.1rem;color:#fff;--logo-bg: #fff}.footer-brand .brand-mark rect:not(:first-child){fill:var(--ink)}.footer-col h2{font-size:.8rem;font-weight:700;color:#fff;margin:0 0 10px;border:none;padding:0;letter-spacing:.04em}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer-col a{color:#ffffff9e}.footer-col a:hover{color:#fff;text-decoration:none}.disclaimer{font-size:.78rem;color:#ffffff8c;margin-top:10px;max-width:42ch}.footer-bottom{margin-top:28px;padding-top:18px;font-size:.8rem;color:#ffffff80;border-top:1px solid rgba(255,255,255,.1)}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--brand);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;transition:top .15s ease}.skip-link:focus{top:12px;text-decoration:none}@media (max-width: 760px){.footer-cols{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.js [data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.js [data-reveal]{opacity:1!important;transform:none!important;transition:none}.home-hero:before{animation:none}.btn:hover,.card:hover{transform:none}html{scroll-behavior:auto}}.area-extra,.area-hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:11px;color:var(--text-muted);pointer-events:none}.search-box input{width:100%;font:inherit;font-size:.9rem;padding:8px 12px 8px 34px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text)}.search-box input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.search-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:300px;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #0f172a29;padding:6px;max-height:70vh;overflow-y:auto}.ss-opt{display:block;padding:9px 12px;border-radius:10px;color:var(--text);text-decoration:none}.ss-opt:hover,.ss-opt[aria-selected=true]{background:color-mix(in srgb,var(--brand) 10%,transparent)}.ss-title{display:block;font-weight:700;font-size:.95rem}.ss-meta{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.ss-stub{font-style:normal;font-size:.7rem;font-weight:700;color:var(--text-muted);border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:1px}.ss-more{display:block;padding:10px 12px 6px;font-size:.85rem;font-weight:700;border-top:1px solid var(--line);margin-top:4px}.ss-empty{margin:0;padding:12px;font-size:.85rem;color:var(--text-muted)}.search-page{max-width:860px;margin:28px auto 64px}.search-page-form{display:flex;gap:10px;margin:20px 0 14px}.search-page-form input{flex:1;min-width:0;font:inherit;font-size:1.05rem;padding:13px 18px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}.search-page-form input:focus{outline:none;border-color:var(--brand)}.search-chips{display:flex;flex-wrap:wrap;gap:8px}.search-chips .chip{font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text-muted);padding:6px 13px;border-radius:999px}.search-chips .chip span{opacity:.7;font-weight:800;margin-left:2px}.search-chips .chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.search-count{font-size:.85rem;color:var(--text-muted);margin:14px 0 8px;min-height:1.2em}.search-results{list-style:none;margin:0;padding:0;display:grid;gap:10px}.search-hit{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none}.search-hit:hover{border-color:var(--brand)}.search-hit img,.search-hit-ph{flex:none;width:88px;height:66px;border-radius:10px;object-fit:cover;background:var(--brand-soft)}.search-hit-ph{display:grid;place-items:center;font-weight:800;color:var(--text-muted)}.search-hit-body{display:grid;gap:3px;min-width:0}.search-hit-title{font-weight:800;font-size:1rem}.search-hit-meta{font-size:.8rem;color:var(--text-muted)}.search-hit-sum{font-size:.85rem;color:var(--text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-empty{color:var(--text-muted)}@media (max-width: 560px){.search-hit img,.search-hit-ph{width:64px;height:52px}}