/* 星の樹 — 2026-09-22 editorial design. Layout/state of readings stays in each page. */
html body.urban-design{
 --cream:#faf9f7;--parchment:#f0ecef;--warm-beige:#ddd6d9;--taupe:#c4b7bf;
 --brown:#694e60;--dark-brown:#302d31;--gold:#846a7b;--sage:#738477;
 --text-main:#302d31;--text-muted:#6e6870;--hoshinoki-red:#694e60;--hoshinoki-red-dark:#543d4c;
 --hoshinoki-line:#ddd6d9;--hoshinoki-soft-shadow:none;
 --trial-bg:#faf9f7;--trial-surface:#fff;--trial-soft:#f0ecef;--trial-text:#302d31;
 --trial-muted:#6e6870;--trial-heading:#302d31;--trial-red:#694e60;--trial-red-dark:#543d4c;
 --trial-gold:#846a7b;--trial-line:#ddd6d9;--trial-shadow:none;--trial-shadow-hover:none;
 background:#faf9f7!important;color:#302d31!important;
 font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif!important;
 font-size:16px;font-weight:400!important;line-height:1.9;letter-spacing:.015em;
}
html:has(body.urban-design){background:#faf9f7!important}
html body.urban-design :is(h1,h2,h3,.section-title,.panel-title,.nav-logo){font-family:'Yu Mincho','Hiragino Mincho ProN',serif!important;font-weight:400!important;color:#302d31!important;text-shadow:none!important;letter-spacing:.04em}
html body.urban-design h2{line-height:1.65!important}
html body.urban-design :is(h2,h3)::before,html body.urban-design :is(h2,h3)::after{content:none!important}
html body.urban-design :is(section,.article-content,.column-content,.content-section,.card-section,.main-content){background-color:transparent}
html body.urban-design :is(.page-header,.article-hero,.card-hero){
 background:#faf9f7!important;background-image:none!important;aspect-ratio:auto!important;
 min-height:0!important;height:auto!important;padding:124px 32px 48px!important;
 border-bottom:1px solid #ddd6d9;text-align:center!important;box-shadow:none!important;
}
html body.urban-design :is(.page-header,.article-hero,.card-hero)::before{content:none!important;display:none!important}
html body.urban-design :is(.page-header,.article-hero,.card-hero) h1{font-size:clamp(28px,3.3vw,44px)!important;line-height:1.65!important;max-width:920px!important;width:100%!important;margin:14px auto!important;color:#302d31!important}
html body.urban-design :is(.header-label,.section-label,.article-cat,.suit-badge,.reading-eyebrow){color:#694e60!important;font-family:inherit!important;font-size:12px!important;font-weight:400!important;letter-spacing:.12em!important}
html body.urban-design :is(.header-label,.suit-badge)::before,html body.urban-design :is(.header-label,.suit-badge)::after{content:none!important;display:none!important}
html body.urban-design :is(.page-header,.article-hero,.card-hero) p{font-size:14px!important;color:#6e6870!important;line-height:1.9!important}
html body.urban-design .article-content{max-width:780px!important;margin-left:auto!important;margin-right:auto!important;font-size:16px!important;line-height:2.1!important}
html body.urban-design .article-content h2{margin-top:2.5rem!important;padding-bottom:12px!important;border-bottom:1px solid #ddd6d9!important;font-size:clamp(22px,2.5vw,28px)!important}
html body.urban-design :is(.article-content,.card-main,.reading-support-card) p a{background:transparent!important;display:inline!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#694e60!important;text-decoration:underline!important;text-underline-offset:4px}
html body.urban-design :is(.panel,.intro-box,.notice-box,.reading-result,.reading-theme-card,.reading-genre-accordion,.featured-readings-panel,.reading-support-card,.card-section,.meaning-box,.info-card,.card-box,.spread-card,.article-card,.suit-section,.profile-box,.history-box,.keyword-box,.data-box,.point-box){border-color:#ddd6d9!important;border-radius:4px!important;box-shadow:none!important;background:#fff!important}
html body.urban-design :is(.card-item,.major-card,.minor-card){border-color:#ddd6d9!important;box-shadow:none!important;border-radius:4px!important}
html body.urban-design :is(.btn-primary,.reading-theme-card__button,.nav-btn,.draw-btn,.shuffle-btn,.reset-btn,button.primary,input[type=submit]){background:#694e60!important;color:white!important;border:1px solid #694e60!important;border-radius:2px!important;box-shadow:none!important;min-height:44px}
html body.urban-design :is(.btn-primary,.reading-theme-card__button,.draw-btn,.shuffle-btn,.reset-btn):hover{background:#543d4c!important}
html body.urban-design :is(.btn-outline,.cat-btn,.suit-btn,.site-sns-link){border:1px solid #c4b7bf!important;border-radius:2px!important;box-shadow:none!important;color:#694e60!important;background:transparent!important}
html body.urban-design :is(.cat-btn,.suit-btn).active{color:white!important;background:#694e60!important;border-color:#694e60!important}
html body.urban-design :is(.article-tag,.article-cat-badge,.tag,.badge){border-color:#c4b7bf!important;background:#f0ecef!important;color:#694e60!important;box-shadow:none!important;border-radius:2px!important;white-space:normal}
html body.urban-design :is(input,select,textarea){font:inherit;border-color:#c4b7bf!important;border-radius:2px!important;color:#302d31!important;max-width:100%}
html body.urban-design :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #846a7b!important;outline-offset:4px!important}
html body.urban-design .site-header{background:#faf9f7fa!important;border-bottom:1px solid #ddd6d9!important;box-shadow:none!important;backdrop-filter:none!important;min-height:72px!important}
html body.urban-design .site-header a{color:#302d31!important}
html body.urban-design .nav-logo{font-size:25px!important;letter-spacing:.14em!important}
html body.urban-design .nav-logo span{display:none}
html body.urban-design .nav-drawer{background:#faf9f7!important;border-color:#ddd6d9!important;box-shadow:none!important}
html body.urban-design .nav-drawer a{color:#302d31!important}
html body.urban-design footer{background:#f0ecef!important;color:#302d31!important;border-top:1px solid #ddd6d9!important;box-shadow:none!important;padding:36px 24px!important}
html body.urban-design footer :is(p,a,span){color:#514953!important}
html body.urban-design footer a{display:inline-block;padding:6px 0;line-height:1.8}
html body.urban-design .card-finder{background:#fff!important;border-color:#ddd6d9!important;box-shadow:none!important;border-radius:4px!important}
html body.urban-design #card-finder-results a{color:#694e60!important;border-color:#ddd6d9!important}
html body.urban-design :is(.card-main,.section-block,.result-reflection-box,.reading-support-panel,.featured-readings-panel){border-color:#ddd6d9!important;border-radius:3px!important;box-shadow:none!important;background:#fff!important}
html body.urban-design :is(.kw-tag,.suit-tag,.rev-badge){background:#f0ecef!important;border-color:#c4b7bf!important;border-radius:2px!important;color:#694e60!important}
html body.urban-design :is(.reading-genre-accordion__icon,.section-icon){display:none!important}
html body.urban-design :is(.reading-genre-accordion__summary,.reading-genre-accordion__body,.reading-genre-question a){background:transparent!important;color:#302d31!important}
html body.urban-design .reading-genre-question a:hover{background:#f0ecef!important}
html body.urban-design #result-text .work-result-summary{background:#f0ecef!important;border-left-color:#846a7b!important}
html body.urban-design #result-text :is(.work-result-position,.work-result-note,summary){color:#6e6870!important}
html body.urban-design :is(.result-title,.panel-title){background:transparent!important}
html body.urban-design :is(.reading-genres-section,.featured-readings-section,.reading-support-new){background:transparent!important}
@media(max-width:760px){
 html body.urban-design :is(.page-header,.article-hero,.card-hero){padding:108px 24px 32px!important}
 html body.urban-design :is(.page-header,.article-hero,.card-hero) h1{font-size:28px!important;max-width:100%!important}
 html body.urban-design .article-content{width:100%!important;padding-left:24px!important;padding-right:24px!important}
 html body.urban-design .site-header{padding-left:20px!important;padding-right:20px!important}
 html body.urban-design .site-sns-group{display:none!important}
 html body.urban-design :is(.panel,.result-area){padding-left:16px!important;padding-right:16px!important}
 html body.urban-design :is(.panel-title,.result-title){font-size:24px!important;letter-spacing:.015em!important}
 html body.urban-design footer .footer-policy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
}
@media(prefers-reduced-motion:reduce){html body.urban-design *,html body.editorial-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}