/* Reading page only: genre headers and actionable theme cards. */
/* Keep the longer home headline readable on narrow screens. */
@media(max-width:760px){body.editorial-page .hero h1{font-size:clamp(22px,6.8vw,30px);line-height:1.7;letter-spacing:.04em}}
html body.urban-design #reading-genre-list .reading-genre-accordion{--genre-accent:#75485d;--genre-tint:#f5e9ee;border:1px solid #c8b8c1!important;margin-bottom:12px}
html body.urban-design #reading-genre-list .is-work{--genre-accent:#32645c;--genre-tint:#e6f1ed}
html body.urban-design #reading-genre-list .is-inner{--genre-accent:#575080;--genre-tint:#eeebf7}
html body.urban-design #reading-genre-list .reading-genre-accordion__summary{background:var(--genre-tint)!important;border-left:5px solid var(--genre-accent);padding:22px 24px;gap:16px}
html body.urban-design #reading-genre-list .reading-genre-accordion__label{color:var(--genre-accent)!important;font-size:22px;font-weight:700}
html body.urban-design #reading-genre-list .reading-genre-accordion__description{color:#514b56!important;font-size:14px}
html body.urban-design #reading-genre-list .reading-genre-accordion__summary::after{content:'テーマを選ぶ ＋';color:var(--genre-accent)!important;font-size:13px;font-weight:700;white-space:nowrap}
html body.urban-design #reading-genre-list .reading-genre-accordion[open]>.reading-genre-accordion__summary::after{content:'閉じる −'}
html body.urban-design #reading-genre-list .reading-genre-accordion__body{padding:22px 24px 26px}
html body.urban-design #reading-genre-list .reading-genre-accordion__lead{color:#59535d!important;font-size:14px;margin:0 0 18px}
html body.urban-design #reading-genre-list .reading-genre-question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body.urban-design #reading-genre-list .reading-genre-question{border:0!important;min-width:0}
html body.urban-design #reading-genre-list .reading-genre-question a{height:100%;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px;background:#fff!important;border:1px solid #c8bec8;border-left:3px solid var(--genre-accent);border-radius:5px;transition:background-color .15s,border-color .15s}
html body.urban-design #reading-genre-list .reading-genre-question a:hover{background:var(--genre-tint)!important;border-color:var(--genre-accent);text-decoration:none}
html body.urban-design #reading-genre-list .reading-genre-question__title{font-size:18px;color:var(--genre-accent)!important;text-decoration:underline;text-underline-offset:4px}
html body.urban-design #reading-genre-list .reading-genre-question__description{font-size:14px;color:#514b56!important;line-height:1.8}
html body.urban-design #reading-genre-list .reading-genre-question__spread{align-self:flex-end;margin-top:auto;padding:6px 12px;background:var(--genre-tint)!important;color:var(--genre-accent)!important;font-size:13px;white-space:normal}
html body.urban-design #reading-genre-list :is(summary,a):focus-visible{outline:3px solid var(--genre-accent)!important;outline-offset:-3px}
@media(max-width:760px){html body.urban-design #reading-genre-list .reading-genre-question-list{grid-template-columns:1fr}html body.urban-design #reading-genre-list .reading-genre-accordion__summary{padding:18px 16px;flex-wrap:wrap}html body.urban-design #reading-genre-list .reading-genre-accordion__text{flex:1 1 180px}html body.urban-design #reading-genre-list .reading-genre-accordion__body{padding:18px 16px}html body.urban-design #reading-genre-list .reading-genre-question a{padding:18px}html body.urban-design #reading-genre-list .reading-genre-accordion__label{font-size:20px}}