/* Scoped detail decoration; records without settings retain their current appearance. */
[data-directory-illustration] .season-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px;font-size:.9rem}
[data-directory-illustration] .season-controls label{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
[data-directory-illustration] .season-controls select{width:auto;padding:7px;border:1px solid #cbd7ca;border-radius:7px}
[data-directory-illustration] .season-controls output{font-weight:700}
[data-directory-illustration] :is(.section,.directory-detail-section){border-color:var(--directory-season-color);position:relative}
[data-directory-illustration] :is(.section,.directory-detail-section)::after{content:"";position:absolute;pointer-events:none;right:12px;bottom:8px;width:126px;height:96px;inset:auto 12px 8px auto;background:var(--directory-season-image) center/contain no-repeat;opacity:.20;border-radius:0;transform:none;z-index:0}
[data-directory-illustration="badge"] :is(.section,.directory-detail-section)::after{width:80px;height:80px;border-radius:50%;background-color:#f4f7f1;background-size:80%;opacity:.3}
[data-directory-illustration="subtle"] :is(.section,.directory-detail-section)::after{width:70px;height:54px;opacity:.12}
@media(max-width:720px){[data-directory-illustration="classic"] :is(.section,.directory-detail-section)::after{width:96px;height:74px;opacity:.16}}

/* Lively: stronger seasonal accents in information sections; hero retains its undecorated layout. */
[data-directory-illustration="lively"] :is(.section,.directory-detail-section){border-top:5px solid var(--directory-season-color);background:linear-gradient(135deg,#fff 60%,#fff9ec);box-shadow:0 6px 18px rgba(78,72,35,.08)}
[data-directory-illustration="lively"] :is(.section,.directory-detail-section)::after{width:152px;height:116px;opacity:.45}
[data-directory-illustration="lively"] :is(.section,.directory-detail-section){padding-bottom:132px}
[data-directory-illustration="lively"] :is(.section,.directory-detail-section) h2{color:#465b32}
[data-directory-illustration="lively"] :is(.section,.directory-detail-section) h2::before{background:var(--directory-season-color);color:#233526}
@media(max-width:720px){
 [data-directory-illustration="lively"] :is(.section,.directory-detail-section){padding-bottom:108px}
 [data-directory-illustration="lively"] :is(.section,.directory-detail-section)::after{width:126px;height:92px;opacity:.4}
}

/* Compact desktop ornaments; mobile keeps its existing spacing and sizing. */
@media(min-width:960px){
 [data-directory-illustration="lively"] :is(.section,.directory-detail-section){padding-bottom:76px}
 [data-directory-illustration="lively"] :is(.section,.directory-detail-section)::after{width:84px;height:64px;bottom:8px;opacity:.4}
}


/* Garden leaflet: compact information, seasonal artwork along the edges. */
.directory-detail-root[data-directory-illustration="garden"],
[data-directory-illustration="garden"] .wrap{background:radial-gradient(ellipse at 100% 5%,#f7e8da88,transparent 45%),linear-gradient(165deg,#fffdf9,#f4f5eb);border-radius:22px}
[data-directory-illustration="garden"] :is(.hero,.directory-detail-hero){border-color:#d9e4d5;box-shadow:0 6px 24px #45614412}
[data-directory-illustration="garden"] :is(.hero-photo,.directory-detail-photo)::after,
[data-directory-illustration="garden"] :is(.hero-photo,.directory-detail-photo)::before{content:"";position:absolute;pointer-events:none;z-index:2;background-position:center;background-repeat:no-repeat;background-size:contain}
[data-directory-illustration="garden"] :is(.hero-photo,.directory-detail-photo)::after{width:120px;height:96px;left:-5px;bottom:-4px;background-image:var(--directory-companion-image)}
[data-directory-illustration="garden"] :is(.hero-photo,.directory-detail-photo)::before{width:80px;height:90px;right:2px;bottom:0;background-image:url("https://nara.ragnarok.ne.jp/assets/common/img/directory-illust-deer.svg")}
[data-directory-illustration="garden"] :is(.section,.directory-detail-section){padding:14px 18px;border:1px solid #e4dfd4;border-radius:18px;background:linear-gradient(115deg,#fff 50%,#fffaf0);box-shadow:0 3px 12px #345c430d;margin-top:10px}
[data-directory-illustration="garden"] :is(.section,.directory-detail-section)::after{width:62px;height:55px;right:6px;bottom:4px;opacity:.38;background-image:var(--directory-season-image)}
[data-directory-illustration="garden"] :is(.services,.directory-detail-services,.intro,.directory-detail-intro)::after{background-image:var(--directory-companion-image)}
[data-directory-illustration="garden"] :is(.features,.directory-detail-features)::after{background-image:url("https://nara.ragnarok.ne.jp/assets/common/img/directory-illust-deer.svg")}
[data-directory-illustration="garden"] :is(.section,.directory-detail-section) h2{font-size:1.05rem;color:#244e39;line-height:1.4;margin-bottom:10px}
[data-directory-illustration="garden"] :is(.section,.directory-detail-section) h2::before{width:30px;height:30px;background-color:#e4aa42;color:#fff;font-size:1rem}
[data-directory-illustration="garden"] :is(.services,.directory-detail-services,.intro,.directory-detail-intro) h2::before{background-color:#6e9b58}
[data-directory-illustration="garden"] :is(.facts,.directory-detail-facts){border:0;border-radius:0;display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:10px;margin:0}
[data-directory-illustration="garden"] :is(.fact,.directory-detail-fact){display:block;border:0;padding:0;min-width:0}
[data-directory-illustration="garden"] :is(.fact,.directory-detail-fact) dt{padding:0;background:none;color:#315c45;font-size:.75rem;line-height:1.5}
[data-directory-illustration="garden"] :is(.fact,.directory-detail-fact) dd{padding:4px 0 0;margin:0;line-height:1.6;font-size:.85rem;overflow-wrap:anywhere}
[data-directory-illustration="garden"] :is(.service-chips,.directory-detail-service-chips){gap:6px;padding-right:48px}
[data-directory-illustration="garden"] :is(.service-chips,.directory-detail-service-chips) span{padding:7px 11px;border:0;border-radius:999px;font-weight:700;font-size:.82rem}
[data-directory-illustration="garden"] :is(.service-chips,.directory-detail-service-chips) span:nth-child(4n+1){background:#eaf3e6;color:#386248}
[data-directory-illustration="garden"] :is(.service-chips,.directory-detail-service-chips) span:nth-child(4n+2){background:#fcf0dc;color:#886428}
[data-directory-illustration="garden"] :is(.service-chips,.directory-detail-service-chips) span:nth-child(4n+3){background:#e8f0f9;color:#416687}
[data-directory-illustration="garden"] :is(.service-chips,.directory-detail-service-chips) span:nth-child(4n+4){background:#f4e8f5;color:#855d8a}
[data-directory-illustration="garden"] :is(.feature-list,.directory-detail-feature-list){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;overflow:visible;padding-right:48px}
[data-directory-illustration="garden"] :is(.feature-row,.directory-detail-feature){display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:5px;padding:0;border:0;min-width:0}
[data-directory-illustration="garden"] :is(.feature-row,.directory-detail-feature)+:is(.feature-row,.directory-detail-feature){border-left:1px solid #e5e7dc;padding-left:12px}
[data-directory-illustration="garden"] :is(.feature-label,.directory-detail-feature-label){font-size:.82rem;line-height:1.5}
[data-directory-illustration="garden"] :is(.feature-row,.directory-detail-feature) p{flex-basis:100%;padding:0;margin:4px 0 0;line-height:1.7;font-size:.85rem;overflow-wrap:anywhere}
[data-directory-illustration="garden"] :is(.feature-icon,.directory-detail-feature-icon){width:24px;height:24px;border-radius:50%;background:#edf5e8;color:#56883d;display:inline-flex;align-items:center;justify-content:center;flex:none}
[data-directory-illustration="garden"] :is(.description,.note,.directory-detail-copytext){font-size:.85rem;line-height:1.7;padding-right:55px}
[data-directory-illustration="garden"] :is(.social-links,.directory-detail-socials){display:flex;flex-wrap:nowrap;gap:6px;margin-top:10px}
[data-directory-illustration="garden"] :is(.social-links,.directory-detail-socials) a{flex:1 1 0;min-width:0;white-space:nowrap;min-height:34px;padding:5px 3px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;border-radius:8px}
@media(max-width:720px){
 .directory-detail-root[data-directory-illustration="garden"]{padding:12px 10px 22px}
 [data-directory-illustration="garden"] .wrap{padding:12px 10px 22px}
 [data-directory-illustration="garden"] :is(.breadcrumb,.directory-detail-breadcrumb){font-size:.68rem;margin-bottom:8px}
 [data-directory-illustration="garden"] :is(.hero,.directory-detail-hero){display:flex;flex-direction:column;padding:0;gap:0;border-radius:18px}
 [data-directory-illustration="garden"] :is(.hero-photo,.directory-detail-photo){order:0;position:relative;min-height:0;aspect-ratio:16/9;max-height:230px;border-radius:0;flex:none}
 [data-directory-illustration="garden"] :is(.hero-copy,.directory-detail-copy){order:1;padding:12px 14px 14px}
 [data-directory-illustration="garden"] :is(.hero,.directory-detail-hero) h1{font-size:1.4rem;line-height:1.35;margin:7px 0;color:#214932}
 [data-directory-illustration="garden"] :is(.meta,.directory-detail-meta,.tags,.directory-detail-tags){gap:5px}
 [data-directory-illustration="garden"] :is(.region,.supporter,.tags span,.directory-detail-region,.directory-detail-supporter,.directory-detail-tag){font-size:.66rem;padding:3px 8px}
 [data-directory-illustration="garden"] :is(.tags,.directory-detail-tags){margin-bottom:6px}
 [data-directory-illustration="garden"] :is(.summary,.directory-detail-summary){font-size:.77rem;line-height:1.6;margin:0 0 10px}
 [data-directory-illustration="garden"] :is(.quick-links,.directory-detail-quick){gap:7px}
 [data-directory-illustration="garden"] :is(.quick-links,.directory-detail-quick) a{padding:8px 10px;font-size:.8rem;border-radius:9px}
 [data-directory-illustration="garden"] :is(.section,.directory-detail-section){padding:11px 12px;margin-top:8px;border-radius:16px}
 [data-directory-illustration="garden"] :is(.section,.directory-detail-section) h2{font-size:.94rem;margin-bottom:8px;gap:7px}
 [data-directory-illustration="garden"] :is(.section,.directory-detail-section) h2::before{width:26px;height:26px;background-size:17px}
 [data-directory-illustration="garden"] :is(.facts,.directory-detail-facts){gap:8px}
 [data-directory-illustration="garden"] :is(.fact,.directory-detail-fact) dt{font-size:.66rem}
 [data-directory-illustration="garden"] :is(.fact,.directory-detail-fact) dd{font-size:.75rem}
 [data-directory-illustration="garden"] :is(.basic,.directory-detail-basic)::after{top:8px;bottom:auto;width:44px;height:38px;opacity:.2}
 [data-directory-illustration="garden"] :is(.service-chips,.directory-detail-service-chips) span{font-size:.73rem;padding:6px 9px}
 [data-directory-illustration="garden"] :is(.feature-list,.directory-detail-feature-list){gap:8px;padding-right:0;padding-bottom:36px}
 [data-directory-illustration="garden"] :is(.feature-row,.directory-detail-feature)+:is(.feature-row,.directory-detail-feature){padding-left:8px}
 [data-directory-illustration="garden"] :is(.feature-label,.directory-detail-feature-label){font-size:.7rem}
 [data-directory-illustration="garden"] :is(.feature-row,.directory-detail-feature) p{font-size:.75rem;line-height:1.65}
 [data-directory-illustration="garden"] :is(.feature-icon,.directory-detail-feature-icon){width:20px;height:20px;font-size:.7rem}
 [data-directory-illustration="garden"] :is(.features,.directory-detail-features)::after{width:42px;height:42px;bottom:2px;opacity:.65}
 [data-directory-illustration="garden"] :is(.description,.note,.directory-detail-copytext){font-size:.77rem;line-height:1.7}
 [data-directory-illustration="garden"] .directory-detail-utility{margin:8px 0}
 [data-directory-illustration="garden"] .directory-detail-correction{min-height:32px;font-size:.75rem;padding:5px 10px;background:#f2f7ee}
 [data-directory-illustration="garden"] :is(.back,.directory-detail-back){font-size:.78rem;margin-top:8px}
}
[data-directory-illustration="garden"] :is(.basic,.directory-detail-basic) h2::before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010L12%203l9%207M5%209v12h14V9M9%2021v-8h6v8%22%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:21px;background-repeat:no-repeat}

[data-directory-illustration="garden"] :is(.services,.directory-detail-services) h2::before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209h18l-2%2011H5ZM7%209l5-7%205%207M9%2012v5M15%2012v5%22%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:21px;background-repeat:no-repeat}

[data-directory-illustration="garden"] :is(.features,.directory-detail-features) h2::before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l3%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1Z%22%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:21px;background-repeat:no-repeat}

[data-directory-illustration="garden"] :is(.intro,.directory-detail-intro) h2::before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2020C5%208%209%204%2020%203c0%2011-4%2016-12%2014M5%2020L16%208%22%2F%3E%3C%2Fsvg%3E");background-position:center;background-size:21px;background-repeat:no-repeat}

[data-directory-illustration="garden"] :is(.basic,.directory-detail-basic)::after{top:8px;bottom:auto;width:44px;height:38px;opacity:.2}

@media(max-width:720px){[data-directory-illustration="garden"] :is(.social-links,.directory-detail-socials) a{font-size:.7rem}}
