/* Reading-first incense guide. No scroll interception or unverified images. */
.guide-main { padding-block: 56px 80px; }
.guide-intro { max-width: 780px; margin-bottom: 44px; }
.guide-intro h1 { font-size: clamp(2rem,4vw,3rem); font-weight: 400; line-height: 1.5; margin-bottom: 20px; }
.guide-intro > p:not(.eyebrow) { max-width: 42em; color: var(--muted); }
.guide-toc { display:flex; flex-wrap:wrap; gap: 8px 28px; padding-block: 16px; border-block:1px solid var(--line); margin-bottom:48px; }
.guide-body { max-width: 820px; }
.guide-body section + section { margin-top: 52px; }
.guide-body h2 { margin-bottom: 24px; }
.guide-prep { display:flex; flex-wrap:wrap; gap:12px 32px; padding-left: 1.25em; margin-bottom:16px; }
.guide-note { color: var(--muted); font-size: .9375rem; }
.guide-steps { list-style:none; padding:0; counter-reset:step; border-top:1px solid var(--line); }
.guide-steps li { counter-increment:step; display:grid; grid-template-columns:48px minmax(0,1fr); gap:20px; padding-block:28px; border-bottom:1px solid var(--line); }
.guide-steps li::before { content:counter(step,decimal-leading-zero); color:var(--green); font-size:1.125rem; padding-top:2px; }
.guide-steps h3 { font-size:1.1875rem; margin-bottom:12px; }
.guide-steps p { color:var(--muted); font-size:1rem; line-height:1.95; }
.guide-help { background:var(--soft); border-radius:6px; padding:32px; }
.guide-help h2 { margin-bottom:12px; }
.guide-help p { margin-bottom:20px; }
.guide-actions { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; }
.guide-more { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:20px; }
@media(max-width:767px){ .guide-main {padding-block:36px 56px;} .guide-toc {gap:8px 20px;margin-bottom:36px;} .guide-steps li {grid-template-columns:32px minmax(0,1fr);gap:12px;} .guide-help{padding:24px;} }

/* Experience comes first; practical instructions remain available on demand. */
.experience-intro { padding: 20px 0 0; }
.experience-intro h1 { font-size: clamp(2rem,4.5vw,3.625rem); line-height:1.65; font-weight:400; letter-spacing:.02em; }
.experience-lead { color:var(--muted); line-height:2.1; margin-top:24px; font-size:1rem; max-width:44em; }
.experience-invitation { margin-top:20px; color:var(--green); font-size:.9375rem; }
.experience-intro .guide-toc { margin-top:40px; margin-bottom:64px; }
.experience-page .guide-body { max-width:1080px; }
.experience-heading { margin-bottom:28px; }
.experience-heading h2 { margin-bottom:0; }
.moment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.moment { padding:32px 28px; }
.moment:first-child { padding-left:0; }
.moment + .moment { border-left:1px solid var(--line); }
.moment-label { font-size:.8125rem; color:var(--green); margin-bottom:18px; }
.moment h3 { font-size:1.375rem; font-weight:400; line-height:1.7; margin-bottom:18px; }
.moment > p:last-child { font-size:1rem; line-height:1.95; color:var(--muted); }
.experience-page .guide-body > section + section { margin-top:64px; }
.afterglow { padding:40px; background:var(--soft); border-radius:6px; }
.afterglow h2 { margin-bottom:20px; }
.afterglow > p:last-child { line-height:2.2; color:var(--muted); }
.scents-intro { color:var(--muted); margin-top:-8px; margin-bottom:24px; }
.scent-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.scent-links a { padding:22px; border:1px solid var(--line); border-radius:6px; display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:1.0625rem; }
.scent-links a:hover { background:var(--soft); }
.scent-links small { display:block; font-size:.8125rem; color:var(--muted); margin-bottom:8px; }
.basics { max-width:820px; }
.basics-details { border-block:1px solid var(--line); margin-top:24px; }
.basics-details summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:64px; padding-block:16px; font-size:1rem; list-style:none; }
.basics-details summary::-webkit-details-marker { display:none; }
.basics-details[open] summary > span { transform:rotate(45deg); }
.basics-content { padding-block:24px; }
.basics-content section + section { margin-top:32px; }
.basics-content h2 { font-size:1.25rem; }
@media(max-width:767px) {
 .experience-intro{padding-top:0;} .experience-lead br {display:none;} .experience-intro .guide-toc {margin-block:28px 44px;gap:4px 20px;}
 .moment-grid,.scent-links {grid-template-columns:1fr;} .moment,.moment:first-child {padding:24px 0;} .moment + .moment {border-left:0;border-top:1px solid var(--line);}
 .moment h3 br {display:none;} .moment h3 {font-size:1.25rem;margin-bottom:12px;} .moment-label {margin-bottom:10px;}
 .experience-page .guide-body > section + section {margin-top:44px;} .afterglow {padding:28px 24px;} .afterglow > p:last-child {line-height:2;}
 .scent-links {gap:10px;} .scent-links a {padding:18px 20px;} .scent-links small{margin-bottom:4px;}
}