.traditions-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin:1.2rem 0 2rem}.intro-title h1{font-family:Cinzel,Georgia,serif;font-size:clamp(2.25rem,4.3vw,4rem);line-height:1.08}.intro-deck{font-size:1.25rem;line-height:1.6}.intro-art{position:relative;margin:0;overflow:hidden;border:2px solid #bc933e;border-radius:20px;background:#eef6f8}.intro-art img{display:block;width:100%;height:390px;object-fit:contain}.intro-art figcaption{padding:.65rem 1rem;text-align:center;background:#fff9e9;font-style:italic;color:#7a282c}
.family-story,.age-guide,.letter-library{position:relative;border:2px solid #d0ad62;background:#fffdf4;padding:clamp(1.3rem,3vw,2.5rem);margin:1rem 0 2.5rem;border-radius:20px}.family-story h2,.age-guide h2,.letter-library h2{margin:.4rem 0 1rem;font-size:clamp(1.6rem,3vw,2.3rem)}.family-story p{max-width:890px;line-height:1.55}.author-signoff{color:#7a282c;font-style:italic;font-weight:700}.age-guide{background:#edf6f2}.age-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.age-grid article{padding:1rem;border:1px solid #cfb06a;border-radius:14px;background:#fffdf5}.age-grid strong{display:block;color:#7c282d;font:700 1.05rem Cinzel,serif}.age-grid p{margin:.5rem 0 0;line-height:1.45}
.story-overview{margin-bottom:2.5rem}.story-overview>p{line-height:1.5}.story-overview h2{max-width:780px;font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.2}.story-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;list-style:none}.story-map li{min-width:0}.story-map a{position:relative;display:flex;flex-direction:column;overflow:hidden;border:2px solid #c6a054;border-radius:14px;background:#fffdf3;text-decoration:none;color:#043414;height:100%}.map-art{position:relative;display:block;flex:0 0 210px;width:100%;height:210px;overflow:hidden;background:#eef4f1}.map-art img{position:absolute;inset:.4rem;display:block;width:calc(100% - .8rem);height:calc(100% - .8rem);object-fit:contain}.map-caption{position:relative;display:block;flex:1;min-height:118px;padding:1rem 1.1rem 1.2rem;border-top:2px solid #c6a054;background:#fff9e9}.map-caption strong{display:block;color:#043414;font-size:1.5rem;font-weight:700;line-height:1.2}.map-time{display:block;font-size:1rem;font-weight:700;line-height:1.3;color:#7a282c;margin:0 0 .45rem}.map-number{position:absolute;top:.6rem;left:.6rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border:2px solid #e6c879;border-radius:50%;color:#fffaf0;background:#07593e;font-size:1.15rem;font-weight:700}
.story-moments{display:grid;gap:2rem}.story-moment{scroll-margin-top:1rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:1.8rem;background:#fffdf5;border:2px solid #d0af68;border-radius:20px;padding:1.3rem;overflow:hidden}.moment-art{align-self:start;min-width:0;position:relative;display:grid;place-items:center;border-radius:13px;overflow:hidden;background:#eef4f1;min-height:360px}.moment-art>img:first-child{display:block;width:100%;height:100%;max-height:520px;object-fit:contain}.knock-art>img:first-child{max-height:none}.letter-art{padding:1rem}.letter-art>img:first-child{filter:drop-shadow(0 8px 14px #26483b26)}.knock-inset{position:absolute;right:.7rem;bottom:.7rem;width:34%;height:auto;border:3px solid #fff9e7;border-radius:12px;box-shadow:0 5px 18px #173c3044}.moment-copy{min-width:0}.moment-copy h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:.5rem 0 .8rem;line-height:1.16}.moment-copy p{line-height:1.55}.moment-time{display:flex;align-items:center;gap:.65rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em;color:#8e302c;margin:.15rem 0}.moment-time>span{display:grid;place-items:center;flex:0 0 2rem;height:2rem;color:#fffdf3;background:#07593e;border:2px solid #d4b468;border-radius:50%;font-size:1rem}.story-line{font-size:1.25rem;color:#7c282d;font-style:italic}.moment-copy details{border-top:1px solid #dcca9f;padding-top:.3rem}.moment-copy summary{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:1.1rem;font-weight:700;cursor:pointer;color:#07593e;list-style:none}.moment-copy summary::before{content:'+';font-size:1.35rem}.moment-copy details[open] summary::before{content:'−'}.moment-copy details p{margin:.5rem 0 1rem}.moment-copy ul{padding-left:1.25rem;line-height:1.55}.moment-links{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin:1rem 0 .3rem}.moment-links>a{min-height:40px;display:inline-flex;align-items:center;font-weight:700}.timeline-return{min-height:44px;display:inline-flex;align-items:center;font-size:.9rem}
.letter-library{scroll-margin-top:1rem;margin-top:3rem;background:linear-gradient(145deg,#f5fbfd,#fffaf0)}.library-intro{max-width:850px;line-height:1.55}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem}.download-grid article{display:flex;flex-direction:column;min-width:0;padding:1rem;border:1px solid #caa75b;border-radius:15px;background:#fffef8}.download-grid img{display:block;width:100%;height:280px;object-fit:contain;background:#edf4f1;border-radius:10px}.download-grid h3{margin:.9rem 0 .2rem;font:700 1.15rem Cinzel,serif;color:#073d30}.download-grid p{margin:.25rem 0 1rem;line-height:1.4}.download-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.download-actions a{display:inline-flex;align-items:center;min-height:42px;padding:.45rem .65rem;border:1px solid #ad873c;border-radius:8px;background:#07593e;color:#fffdf3;text-decoration:none;font-weight:700;font-size:.9rem}.download-actions a:first-child{background:#7a282c}.tradition-heading-row{display:flex;justify-content:space-between;align-items:end;gap:1rem}.christmas-countdown{min-width:170px;padding:.8rem 1rem;border:1px solid #caa75b;border-radius:12px;background:#edf6f2;text-align:center}.christmas-countdown strong,.christmas-countdown span{display:block}.christmas-countdown strong{font-size:1.1rem;color:#7c282d}.christmas-countdown span{font-size:.8rem}summary:focus-visible{outline:3px solid #d9a62f;outline-offset:4px}
@media(max-width:850px){.age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-moment{grid-template-columns:1fr}.moment-art{min-height:0}.moment-art>img:first-child{height:auto;max-height:540px}}
@media(max-width:600px){.traditions-intro{grid-template-columns:1fr;gap:1rem}.intro-title h1{font-size:2.35rem}.intro-deck{font-size:1.1rem;line-height:1.4}.intro-art img{height:auto;max-height:420px}.family-story,.age-guide,.letter-library{padding:1.1rem}.story-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.map-art{height:145px;flex-basis:145px}.map-caption{min-height:126px;padding:.85rem .7rem 1rem}.map-caption strong{font-size:1.25rem}.map-time{font-size:.95rem}.story-moment{padding:.85rem}.moment-time{font-size:.72rem}.download-grid{grid-template-columns:1fr}.download-grid img{height:330px}.tradition-heading-row{align-items:stretch;flex-direction:column}.christmas-countdown{width:100%}}
@media(max-width:380px){.age-grid{grid-template-columns:1fr}.story-map{grid-template-columns:1fr}.map-art{height:210px;flex-basis:210px}.map-caption{min-height:0}.map-caption strong{font-size:1.4rem}}