:root{--ink:#29231f;--muted:#6d625c;--line:#e7ded7;--paper:#fffdfb;--accent:#a43764;--accent-dark:#7f1f48}*{box-sizing:border-box}body{margin:0;background:#f8f4f1;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.75}a{color:var(--accent-dark);text-underline-offset:.15em}a:hover{color:var(--accent)}.shell{width:min(100%,900px);margin:0 auto;padding-left:16px;padding-right:16px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:62px;display:flex;align-items:center;gap:18px;justify-content:space-between}.site-title{color:var(--ink);font-size:1.05rem;font-weight:700;text-decoration:none;letter-spacing:.03em}.site-nav{display:flex;gap:14px;font-size:.9rem;white-space:nowrap}.site-main{min-height:calc(100vh - 132px);padding-top:26px;padding-bottom:40px}.site-footer{padding:18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}h1{margin:0 0 20px;font-size:clamp(1.35rem,5vw,1.8rem);line-height:1.45}.intro{margin:0 0 22px}.breadcrumb{margin:0 0 14px;font-size:.9rem}.genre-list,.article-list,.search-results,.hall-of-fame-list{margin:0;padding:0;list-style:none}.genre-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.genre-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.genre-list span{color:var(--muted);font-size:.84rem}.article-list li,.search-results li,.hall-of-fame-list li{padding:16px 0;border-bottom:1px solid var(--line)}.article-link{font-size:1.05rem;font-weight:650}.article-meta{margin:5px 0 0;color:var(--muted);font-size:.84rem;line-height:1.6}.article-detail{max-width:760px}.article-body{margin-top:25px;overflow-wrap:anywhere}.article-votes{color:var(--muted);font-size:.92rem}.ad{margin-top:28px}.ad img{display:block;max-width:100%;height:auto;border:0}.search-page,.comments-page{max-width:760px}.search-form{display:grid;gap:7px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:7px}.search-form label{font-size:.9rem;font-weight:650}.search-controls{display:flex;gap:8px}input[type="search"],select{min-width:0;width:100%;padding:9px 10px;color:var(--ink);background:#fff;border:1px solid #bfb4ad;border-radius:5px;font:inherit;line-height:1.4}button{flex:0 0 auto;padding:9px 15px;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:5px;font:inherit;font-weight:650;cursor:pointer}.notice,.search-summary{margin:20px 0 0}.notice{padding:12px 14px;background:#fff;border-left:3px solid #b8aaa1}.notice.error{border-color:#b9284a}.result-genre{display:inline-block;margin:6px 0 0;padding:1px 7px;color:var(--accent-dark);background:#f8e9ef;border-radius:12px;font-size:.78rem}.result-excerpt,.hall-of-fame-description{margin:7px 0 0;color:#4d4540;font-size:.93rem;line-height:1.65}.pagination{display:flex;justify-content:space-between;gap:18px;margin-top:24px}.ranking-list{margin:20px 0 0;padding:0;list-style:none;counter-reset:ranking}.ranking-list li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:8px;padding:14px 0;border-bottom:1px solid var(--line);counter-increment:ranking}.ranking-position{color:var(--accent);font-size:1.1rem;font-weight:700}.ranking-position::before{content:counter(ranking)}.comment-link{margin:20px 0}.comment-subject{margin:-12px 0 0;font-weight:650}.comment-list{margin:18px 0 0;padding:0;list-style-position:inside}.comment-list li{padding:15px 0;border-bottom:1px solid var(--line)}.comment-meta{margin:0 0 5px;color:var(--muted);font-size:.84rem}.comment-body{overflow-wrap:anywhere}@media(max-width:480px){.shell{padding-left:13px;padding-right:13px}.header-inner{min-height:56px;gap:10px}.site-title{font-size:.94rem}.site-nav{gap:10px;font-size:.84rem}.site-main{padding-top:20px}.genre-list{grid-template-columns:1fr}}