/* Diwali gift-guide extension: inherits all colors and typography from festival-theme.css. */
:root{--gift-ink:#56283b;--gift-maroon:#5c1937;--gift-gold:#d59a3e}
body{overflow-wrap:break-word} h1,h2,h3{overflow-wrap:normal}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.hero--guide{padding:clamp(2.8rem,6vw,5.3rem) 0}
.hero--guide .hero__title{font-size:clamp(2.45rem,5.4vw,4.35rem);line-height:1.075;letter-spacing:-.035em;max-width:16ch}
.hero--guide .hero__title-sub{max-width:none;font-size:.36em;line-height:1.45}
.hero__media--slide{background:#fff7ee;border-radius:20px;padding:.55rem;box-shadow:var(--shadow);border:1px solid var(--line)}
.hero__media--slide img{aspect-ratio:16 / 9;object-fit:contain;width:100%;height:auto;border-radius:13px;box-shadow:none}
.hero__media--slide .media-caption{font-size:.78rem;color:var(--muted);margin:.5rem 0 .2rem;text-align:center}
.crumbs{margin-bottom:.8rem}.crumbs a:hover{text-decoration:underline}
.guide-banner{padding:1rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted)}
.guide-banner strong{color:var(--primary-deep)}
.guide-stats{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.35rem}
.guide-stats span{display:inline-flex;padding:.42rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--primary-deep);font-size:.83rem;font-weight:600}
.collection-anchor{scroll-margin-top:85px}
.collection-section{padding:3.8rem 0;background:var(--bg)}
.collection-section:nth-of-type(2n){background:var(--bg-mist)}
.collection-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.4rem}
.collection-head h2{font-size:clamp(1.8rem,3.6vw,2.65rem);color:#5a2030;margin:.15rem 0 .3rem;line-height:1.15}
.collection-head p{max-width:690px;color:var(--muted);margin:0}
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.guide-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.guide-card>a{display:block;text-decoration:none;min-height:100%}
.guide-card__image{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#fcf7ee}
.guide-card__body{padding:1.15rem}
.guide-card__meta{font-size:.76rem;color:var(--primary-deep);font-weight:700;text-transform:uppercase;letter-spacing:.075em}
.guide-card h3{color:#512536;line-height:1.3;font-size:1.12rem;margin:.4rem 0 .5rem}
.guide-card p{font-size:.88rem;line-height:1.6;color:var(--muted);margin:0 0 .75rem}
.guide-card__read{font-size:.83rem;font-weight:700;color:var(--primary-deep)}
.index-tools{display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:1.2rem 0 1.8rem}
.index-search{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.8rem 1rem;min-width:min(100%,390px);flex:1;font-size:1rem}
.index-tools p{color:var(--muted);margin:0}
.category-links{display:flex;flex-wrap:wrap;gap:.5rem}
.category-links a{font-size:.85rem;padding:.5rem .8rem;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:600;color:var(--primary-deep)}
.category-links a:hover{background:var(--primary-soft)}
.article-main{padding:2.6rem 0 4rem}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.article-copy{max-width:760px;font-size:1rem;line-height:1.92}
.article-copy p{margin:0 0 1.25rem;color:#44323b}
.article-copy h2{font-size:clamp(1.48rem,3vw,2rem);line-height:1.25;color:#54283b;margin:2.35rem 0 .85rem}
.article-copy h3{font-size:1.14rem;color:var(--primary-deep);margin:1.2rem 0 .45rem}
.article-copy .lead{font-size:1.13rem;line-height:1.8;color:#633e50}
.article-callout{border-left:4px solid var(--accent);background:#fff8e9;padding:1.1rem 1.25rem;border-radius:0 13px 13px 0;margin:1.7rem 0}
.article-callout p{margin:0}.article-callout strong{color:#702d46}
.article-source{margin:2.25rem 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem}
.article-source h2{margin:0 0 .4rem}
.article-source .sub{color:var(--muted);font-size:.88rem;margin-bottom:1rem}
.source-steps{counter-reset:step;display:grid;gap:1rem;padding:0;margin:0;list-style:none}
.source-steps li{counter-increment:step;padding:1rem 1rem 1rem 3.4rem;background:var(--surface-soft);border-radius:12px;position:relative}
.source-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:.9rem;top:1rem;color:var(--primary);font-weight:700}
.source-steps b{display:block;color:#5a2030;margin-bottom:.25rem}
.source-steps span{display:block;color:var(--muted);font-size:.89rem;line-height:1.6}
.article-rail{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow-soft)}
.article-rail h2{font-size:1rem;color:var(--primary-deep);margin:0 0 .75rem}
.article-rail a{display:block;padding:.42rem 0;text-decoration:none;font-size:.86rem;color:var(--muted)}
.article-rail a:hover{color:var(--primary-deep)}
.guide-pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}
.guide-pager a{border:1px solid var(--line);padding:1rem;background:#fff;border-radius:14px;text-decoration:none;line-height:1.5}
.guide-pager a:hover{border-color:var(--primary)}
.guide-pager small{display:block;color:var(--primary);font-size:.78rem;text-transform:uppercase}
.guide-pager b{font-size:.89rem;color:#532639}
.article-related{background:var(--bg-mist);padding:3rem 0}
.article-related h2{color:#512536;margin-bottom:1.3rem}
.caveat{font-size:.86rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}
.empty-hint{padding:2rem;background:#fff;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
.guide-card[hidden],.collection-section[hidden]{display:none !important}
.site-footer{padding-bottom:3rem}
@media(max-width:1040px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-rail{position:static;max-width:760px}}
@media(max-width:680px){.guide-cards{grid-template-columns:1fr}.collection-head{display:block}.hero--guide .hero__title{max-width:none}.guide-pager{grid-template-columns:1fr}.article-main{padding-top:2rem}.article-source{padding:1rem}.site-footer{padding-bottom:3rem}.guide-card h3{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}