.feature-page-heading{margin-bottom:24px}.explore-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.explore-filters{position:sticky;top:88px;display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm)}.filter-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.filter-heading h2{margin:0;font-size:1.1rem}.text-button{padding:0;border:0;background:none;color:var(--accent);font-weight:750;cursor:pointer}.explore-filters label{display:grid;gap:6px;color:#344054;font-size:.8rem;font-weight:760}.filter-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex!important;grid-template-columns:none;align-items:center;gap:8px!important}.check-row input{width:18px;height:18px}.filter-actions{display:grid}.filter-actions .button{width:100%}.explore-main{min-width:0}.preset-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.preset-row::-webkit-scrollbar{display:none}.preset-row button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475467;font:inherit;font-size:.78rem;font-weight:720;cursor:pointer}.preset-row button:hover{border-color:#bfd1f7;background:#f8fbff;color:var(--accent)}.explore-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.explore-summary article{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}.explore-summary span{display:block;color:var(--muted);font-size:.74rem}.explore-summary strong{display:block;margin-top:6px;font-size:1.55rem;letter-spacing:-.04em}.feature-status{min-height:1.5em;margin:10px 0;color:var(--muted);font-size:.82rem}.feature-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-city-card{position:relative;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);transition:.18s transform,.18s border-color,.18s box-shadow}.feature-city-card:hover{transform:translateY(-2px);border-color:#bfd1f7;box-shadow:var(--shadow)}.feature-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.feature-card-top>span{color:var(--muted);font-size:.7rem}.mini-favorite{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:#f59e0b;cursor:pointer;font-size:1rem}.feature-city-card>a{display:block;margin-top:4px;text-decoration:none}.feature-city-card>a>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem}.feature-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.feature-metrics span{min-width:0}.feature-metrics small{display:block;color:var(--muted);font-size:.66rem}.feature-metrics b{display:block;margin-top:2px;font-size:.83rem;font-variant-numeric:tabular-nums}.feature-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:24px 0}.feature-pager>span{min-width:70px;text-align:center;color:var(--muted);font-size:.82rem}.compact-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-shelf{padding-top:36px}.personal-block+.personal-block{margin-top:24px}.personal-block h3{margin:0 0 12px;font-size:1rem}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insight-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.insight-card>span{display:block;color:var(--muted);font-size:.75rem}.insight-card>strong{display:block;margin-top:10px;font-size:1.6rem;letter-spacing:-.04em}.insight-card>small{display:block;margin-top:7px;color:var(--muted);font-size:.72rem}.favorite-action[aria-pressed="true"]{border-color:#f5c451;color:#8a5a00;background:#fffaf0}.prefecture-city-filter{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.prefecture-city-filter label{flex:1;display:grid;gap:6px;font-size:.78rem;font-weight:750}.prefecture-city-filter span{flex:0 0 auto;color:var(--muted);font-size:.82rem}
@media(max-width:1000px){.explore-layout{grid-template-columns:1fr}.explore-filters{position:relative;top:auto}.feature-city-grid,.compact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.page-prefecture .section.split{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.page-prefecture .ranking-card{min-width:0;padding:18px!important;border-radius:18px}.page-prefecture .ranking-card .card-heading{align-items:center;gap:12px;margin-bottom:8px}.page-prefecture .ranking-card .card-heading h2{min-width:0;font-size:1.25rem;line-height:1.2;white-space:nowrap}.page-prefecture .ranking-card .card-heading a{flex:0 0 auto;font-size:.78rem;white-space:nowrap;text-decoration:none}.page-prefecture .ranking-list li{grid-template-columns:34px minmax(0,1fr) auto!important;gap:10px!important;padding:12px 0!important}.page-prefecture .ranking-list a{min-width:0}.page-prefecture .ranking-list a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.page-prefecture .ranking-list a small{white-space:nowrap;font-size:.68rem}.page-prefecture .ranking-list>li>strong{justify-self:end;white-space:nowrap;font-size:.95rem}}
@media(max-width:640px){.feature-page-heading{margin-bottom:18px}.explore-filters{padding:14px;border-radius:16px}.filter-pair{grid-template-columns:1fr}.explore-summary{grid-template-columns:1fr 1fr}.explore-summary article:last-child{grid-column:1/-1}.explore-summary article{padding:14px}.explore-summary strong{font-size:1.35rem}.feature-city-grid,.compact-feature-grid{grid-template-columns:1fr}.feature-city-card{padding:14px}.feature-pager{display:grid;grid-template-columns:1fr 1fr}.feature-pager>span{grid-column:1/-1;grid-row:1;width:100%}.insight-grid{grid-template-columns:1fr 1fr}.insight-card{padding:16px}.insight-card>strong{font-size:1.35rem}.prefecture-city-filter{align-items:stretch;flex-direction:column}.prefecture-city-filter span{align-self:flex-end}.page-prefecture .ranking-card{padding:16px!important}.page-prefecture .ranking-card .card-heading h2{font-size:1.15rem}.page-prefecture .ranking-list li{grid-template-columns:32px minmax(0,1fr) auto!important;gap:9px!important}.page-prefecture .ranking-list>li>strong{font-size:.9rem}}