/* Young, Wild & Screen Free: reuses the family-site farmhouse storybook template (all art original) */
:root{--page:#FAF8F4;--stock:#F3EFE4;--linen:#E6D9C3;--ink:#2B2A28;--forest:#2F3E33;--sage:#C9D6CC;--sage-d:#8FA596;--csage:#DDE6E4;--mustard:#E3B552;--honey:#A88A4A;--blush:#E8C3C0;--terra:#D2793A;--ging:#B8C7DD;--tan:#D9B98A;--r:16px;--sh:0 1px 0 rgba(255,255,255,.8) inset,0 6px 18px rgba(70,55,30,.08),0 1px 3px rgba(70,55,30,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:18px/1.6 "EB Garamond",Georgia,serif}
a{color:var(--forest);text-decoration-color:var(--honey);text-underline-offset:3px}
h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;font-variant:small-caps;font-weight:600;letter-spacing:.06em;line-height:1.15;color:var(--forest);margin:.2em 0 .4em}
h1{font-size:clamp(2.1rem,4.4vw,3.2rem)}h2{font-size:1.75rem}h3{font-size:1.3rem}h4{font-size:1.1rem;margin:.3em 0}
main{max-width:1150px;margin:0 auto;padding:1rem 1.25rem 3rem}section{margin:2.4rem 0}
.spot{width:56px;height:56px;display:inline-block;vertical-align:middle}
.hand{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;color:var(--honey);font-size:.85rem;line-height:1.8}
.script-h{font-family:"Cormorant Garamond",Georgia,serif;font-variant:normal;letter-spacing:.01em;font-weight:600;font-size:2.8rem}
/* masthead */
.masthead{position:relative;text-align:center;padding:3.2rem 1rem 0;background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none' stroke='%238FA596' stroke-width='.8' stroke-opacity='.35'%3E%3Cpath d='M10 22c4-6 10-8 14-6-3 5-9 7-14 6zM10 22c-1-5 1-10 5-12M42 50c4-6 10-8 14-6-3 5-9 7-14 6zM42 50c-1-5 1-10 5-12'/%3E%3Ccircle cx='48' cy='16' r='1.6'/%3E%3Ccircle cx='18' cy='48' r='1.6'/%3E%3C/svg%3E"),var(--page);border-bottom:1px solid var(--linen)}
.bunting{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1100px,100%);height:auto}
.brand{display:inline-block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:.01em;font-size:clamp(2.6rem,7vw,4.6rem);color:var(--forest);text-decoration:none;line-height:1.1;margin-top:.6rem}
.tagline{font-family:"Courier Prime",monospace;font-size:1rem;letter-spacing:.04em;margin:.2rem 0 .3rem;color:var(--ink)}
.rule{width:220px;height:20px;display:block;margin:.3rem auto .5rem}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem 1.4rem;padding:.4rem 1rem 1rem}
nav a{font-family:"Cormorant Garamond",serif;font-variant:small-caps;font-weight:600;font-size:1.15rem;letter-spacing:.1em;color:var(--ink);text-decoration:none;padding:.15rem .2rem;border-bottom:1.5px solid transparent}
nav a:hover{border-color:var(--sage-d)}nav a.on{color:var(--forest);border-color:var(--terra)}
.menu{display:none;margin:0 auto .8rem;background:var(--stock);border:1px solid var(--sage-d);border-radius:999px;padding:.3rem 1.1rem;font:1rem "Courier Prime",monospace;color:var(--ink)}
/* notched apothecary plaque */
.plaque{--n:16px;position:relative;isolation:isolate;display:inline-block;padding:.5rem 2.2rem .6rem;text-align:center}
.plaque.sm{--n:12px;padding:.35rem 1.6rem .45rem;font-size:1.5rem}
.plaque:before,.plaque:after{content:"";position:absolute;z-index:-1;
 -webkit-mask:radial-gradient(circle at 0 0,#0000 var(--k),#000 calc(var(--k) + .5px)) top left/51% 51% no-repeat,radial-gradient(circle at 100% 0,#0000 var(--k),#000 calc(var(--k) + .5px)) top right/51% 51% no-repeat,radial-gradient(circle at 0 100%,#0000 var(--k),#000 calc(var(--k) + .5px)) bottom left/51% 51% no-repeat,radial-gradient(circle at 100% 100%,#0000 var(--k),#000 calc(var(--k) + .5px)) bottom right/51% 51% no-repeat;
 mask:radial-gradient(circle at 0 0,#0000 var(--k),#000 calc(var(--k) + .5px)) top left/51% 51% no-repeat,radial-gradient(circle at 100% 0,#0000 var(--k),#000 calc(var(--k) + .5px)) top right/51% 51% no-repeat,radial-gradient(circle at 0 100%,#0000 var(--k),#000 calc(var(--k) + .5px)) bottom left/51% 51% no-repeat,radial-gradient(circle at 100% 100%,#0000 var(--k),#000 calc(var(--k) + .5px)) bottom right/51% 51% no-repeat}
.plaque{--m:calc(var(--n) - 1.5px)}.plaque:before{--k:var(--n);inset:0;background:var(--sage-d)}
.plaque:after{--k:var(--m);inset:1.5px;background:var(--stock);box-shadow:inset 0 0 0 5px var(--stock),inset 0 0 0 6px var(--sage-d)}
/* photo placeholders */
.ph{border-radius:var(--r);background:radial-gradient(ellipse at 50% 35%,#fdfbf6,var(--stock) 60%,var(--linen));border:1px solid var(--linen);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px var(--page),inset 0 0 0 7px var(--sage)}
.ph:nth-child(2n){background:repeating-linear-gradient(90deg,rgba(184,199,221,.22) 0 10px,transparent 10px 20px),repeating-linear-gradient(0deg,rgba(184,199,221,.22) 0 10px,transparent 10px 20px),var(--page)}
.ph:nth-child(3n){background:radial-gradient(circle at 6px 6px,rgba(232,195,192,.55) 2px,transparent 2.5px) 0 0/18px 18px,var(--page)}
.ph .spot{width:46px;height:46px;opacity:.6}.ph .hand{font-size:.75rem}
/* home hero */
.hero{padding:2.6rem 1.25rem 1rem}
.hero-in{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}
.hero-text{--n:26px;--m:24.5px;display:block;padding:2.4rem 2.6rem 2.2rem;filter:drop-shadow(0 8px 18px rgba(70,55,30,.10))}
.hero-text:after{box-shadow:inset 0 0 0 8px var(--stock),inset 0 0 0 9px var(--sage-d)}
.eyebrow{font-family:"Courier Prime",monospace;font-size:.9rem;letter-spacing:.06em;color:var(--terra);margin:0}
.lead{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;color:var(--honey);font-size:1.05rem;margin:.2rem 0 1rem}
.count{display:flex;justify-content:center;gap:1.4rem;margin:.6rem 0 1.4rem}
.count div{text-align:center;min-width:90px}
.count b{display:block;font:300 clamp(3.4rem,8vw,5.6rem)/1 "Cormorant Garamond",serif;color:transparent;-webkit-text-stroke:1.6px var(--forest)}
.count span{font-family:"Cormorant Garamond",serif;font-variant:small-caps;letter-spacing:.12em;font-weight:600;color:var(--forest)}
.btn{display:inline-block;font-family:"Courier Prime",monospace;background:var(--forest);color:var(--page);padding:.55rem 1.4rem;border-radius:999px;text-decoration:none;font-size:.95rem}.btn:hover{background:#22302a}
.hero-photo{text-align:center}
.oval{width:min(100%,420px);aspect-ratio:4/5;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:0 0 0 8px var(--page),0 0 0 9px var(--sage-d),0 0 0 14px var(--page),0 0 0 15px var(--honey),0 14px 30px rgba(70,55,30,.16)}
.oval img{width:100%;height:100%;object-fit:cover;display:block}.cap{margin-top:1.2rem}
/* welcome + urgent */
.welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:2.4rem;align-items:center}
.collage{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:.9rem;height:380px}.collage .big{grid-row:span 2;border-radius:200px 200px var(--r) var(--r)}
.urgent{background:var(--stock);border-radius:var(--r);padding:1.2rem 1.5rem;box-shadow:var(--sh);border:1px solid var(--linen);position:relative}
.urgent:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;border-radius:var(--r) var(--r) 0 0;background:repeating-linear-gradient(90deg,rgba(210,121,58,.35) 0 8px,transparent 8px 16px),repeating-linear-gradient(0deg,rgba(210,121,58,.35) 0 5px,transparent 5px 10px)}
.urgent ul{padding-left:1.1rem;margin:.3rem 0 .6rem}.urgent li{margin:.4rem 0}.urgent em{font-family:"Courier Prime",monospace;color:var(--terra);font-style:normal;font-size:.8rem;white-space:nowrap}
/* timeline */
.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.9rem}
.timeline li{display:flex;gap:.9rem;align-items:center;background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);padding:.75rem 1rem;box-shadow:var(--sh)}
.timeline .ic .spot{width:40px;height:40px}
.when{flex:0 0 60px;text-align:center;line-height:1}
.when b{display:block;font-family:"Courier Prime",monospace;font-weight:400;font-size:.72rem;text-transform:lowercase;color:var(--honey)}
.when span{font:300 2.4rem/1 "Cormorant Garamond",serif;color:transparent;-webkit-text-stroke:1.1px var(--forest)}
.k-birthday{background:linear-gradient(var(--stock),var(--stock)) padding-box}.k-birthday .when span{-webkit-text-stroke-color:var(--terra)}
.what{font-weight:500}.meta{color:#6b655c;font-size:.9rem}
/* mini trips */
.minis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.mini{background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .2s;padding:.6rem .6rem 0}
.mini:hover,.gift:hover,.idea:hover{transform:translateY(-3px)}
.mini img{width:100%;height:150px;object-fit:cover;display:block;border-radius:110px 110px 8px 8px}.mini div{padding:.6rem .4rem .8rem;text-align:center}
.mini b{display:block;font-family:"Cormorant Garamond",serif;font-variant:small-caps;letter-spacing:.05em;font-size:1.15rem;color:var(--forest)}.mini span{font-family:"Courier Prime",monospace;font-size:.75rem;color:var(--honey)}
.intro{max-width:780px;margin-left:auto;margin-right:auto;text-align:center}.intro p{color:#5f594f;font-size:1.1rem}
.center{text-align:center}main>section>h2.plaque{display:table;margin-left:auto;margin-right:auto}
/* trips */
.trips{display:flex;flex-direction:column;gap:2.2rem}
.trip{display:grid;grid-template-columns:400px 1fr;background:var(--stock);border:1px solid var(--linen);border-radius:22px;overflow:hidden;box-shadow:var(--sh);scroll-margin-top:20px;padding:14px}
.trip-img{position:relative}.trip-img img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;border-radius:200px 200px 12px 12px}
.pill{position:absolute;top:1rem;left:50%;transform:translateX(-50%);padding:.2rem .9rem;border-radius:999px;font:.78rem "Courier Prime",monospace;background:var(--page);border:1px solid var(--sage-d);white-space:nowrap}
.pill.ok{color:var(--forest)}.pill.mid{color:#8a6a1e}.pill.nobook{color:var(--terra)}
.trip-body{padding:.6rem 1.6rem 1rem}.trip-body h2{font-size:2rem;margin-bottom:.1em}
.sub{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;color:var(--honey);font-size:.9rem;margin:0 0 .6rem}
.who{display:inline-block;background:var(--page);border:1px dashed var(--sage-d);padding:.25rem .9rem;border-radius:10px;font-size:.95rem}.who span{font-family:"Courier Prime",monospace;color:var(--terra);font-size:.8rem;margin-right:.3rem}
.plan{background:var(--page);border:1px solid var(--linen);border-radius:12px;padding:.7rem 1.1rem;margin:.9rem 0}.plan ul{margin:.2rem 0;padding-left:1.1rem}.plan li{font-size:.95rem;margin:.2rem 0}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.6rem}.cols ul{padding-left:0;list-style:none;margin:0}.cols li{padding:.28rem 0 .28rem 1.5rem;position:relative;font-size:.97rem}
ul.ok li:before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--sage-d)}
ul.todo li:before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border:1.5px solid var(--terra);border-radius:3px}
li.none{color:#8a8378;font-style:italic}li.none:before{display:none}
.phrow{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.2rem}.ph.sm{min-height:86px}.ph.sm .spot{width:30px;height:30px}
/* calendar */
.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem}.legend span{font-size:.95rem}.legend .spot{width:30px;height:30px;margin-right:.2rem}
.months{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.3rem}
.month{background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);padding:1rem 1.3rem;box-shadow:var(--sh);margin:0}
.month h2,.rgroup h2{font-size:1.45rem;border-bottom:1px dashed var(--sage-d);padding-bottom:.35rem;display:flex;align-items:flex-end;gap:.15rem}
.init{font:300 3rem/0.8 "Cormorant Garamond",serif;font-variant:normal;color:transparent;-webkit-text-stroke:1.1px var(--forest);margin-right:.1rem}
.month ul{list-style:none;padding:0;margin:0}.month li{display:grid;grid-template-columns:62px 34px 1fr;gap:.3rem;align-items:center;padding:.3rem 0;font-size:.98rem}
.month .d{font-family:"Courier Prime",monospace;font-size:.8rem;color:var(--honey)}.month .ic .spot{width:28px;height:28px}.month em{color:#7a7368}.month li.past{opacity:.45}
.note{background:var(--csage);border-radius:var(--r);padding:1rem 1.3rem;text-align:center}
/* remember */
.rgroups{columns:2 420px;column-gap:1.4rem}
.rgroup{break-inside:avoid;background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);padding:1rem 1.3rem;box-shadow:var(--sh);margin:0 0 1.4rem}
.rgroup.hot{background:linear-gradient(var(--stock),var(--stock)) padding-box,repeating-linear-gradient(45deg,var(--terra) 0 6px,var(--blush) 6px 12px) border-box;border:3px solid transparent}
.rgroup ul{list-style:none;padding:0;margin:0}.rgroup li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px dotted var(--linen)}
.rgroup label{display:flex;gap:.6rem;cursor:pointer}.rgroup input{accent-color:var(--forest);width:18px;height:18px;margin-top:5px;flex:none}
.rgroup input:checked+span{text-decoration:line-through;color:#8a8378}
.rgroup em{font-family:"Courier Prime",monospace;font-style:normal;font-size:.76rem;color:var(--terra);white-space:nowrap;text-align:right;padding-top:.2rem}
/* wishlist */
.claire{display:flex;gap:1.8rem;align-items:center;justify-content:center;text-align:left;max-width:900px}
.ph.round{width:170px;height:200px;min-height:0;border-radius:50%;flex:none}
.gifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}
.gift{position:relative;background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .2s;display:flex;flex-direction:column;padding:10px}
.gift.toppick{border:2px solid var(--mustard)}.ph.g1{background:repeating-linear-gradient(90deg,rgba(184,199,221,.22) 0 10px,transparent 10px 20px),repeating-linear-gradient(0deg,rgba(184,199,221,.22) 0 10px,transparent 10px 20px),var(--page)}.ph.g2{background:radial-gradient(circle at 6px 6px,rgba(232,195,192,.55) 2px,transparent 2.5px) 0 0/18px 18px,var(--page)}.ph.g{border-radius:12px;min-height:130px;width:100%;flex:none}
.gift .gi{padding:.7rem .5rem .3rem}.gift b{display:block;font-family:"Cormorant Garamond",serif;font-weight:600;font-size:1.15rem;line-height:1.25;color:var(--forest)}
.price{display:inline-block;margin-top:.3rem;font-family:"Courier Prime",monospace;color:var(--terra)}.gift .gnote{display:block;font-size:.92rem;color:#6b655c}
.star{position:absolute;top:1rem;right:1rem;background:var(--mustard);color:var(--ink);font:.72rem "Courier Prime",monospace;padding:.15rem .6rem;border-radius:999px}
main>section>.sub{text-align:center}
/* ideas */
.ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
.idea{background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);padding:1.3rem 1.4rem;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .2s;position:relative}
.idea:before{content:"";position:absolute;left:14px;right:14px;top:8px;height:1px;border-top:1px solid var(--sage-d);box-shadow:0 3px 0 -0px var(--page),0 4px 0 0 var(--sage-d)}
.idea p{color:#5f594f;font-size:.98rem}.tier{font:.76rem "Courier Prime",monospace;color:var(--honey)}
.credits{text-align:left}.credits li{margin:.4rem 0;font-size:.95rem}
/* footer */
footer{text-align:center;padding:0 1rem 2.6rem;color:#6b655c;background:var(--stock);border-top:1px solid var(--linen)}
.gingham{height:26px;margin:0 -1rem 1.4rem;background:repeating-linear-gradient(90deg,rgba(184,199,221,.55) 0 13px,transparent 13px 26px),repeating-linear-gradient(0deg,rgba(184,199,221,.55) 0 13px,transparent 13px 26px),var(--page)}
.spots{display:flex;justify-content:center;gap:1.6rem;opacity:.8}.spots .spot{width:48px;height:48px}
footer .script{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:.01em;font-size:1.9rem;color:var(--forest);margin:.4rem 0}footer .small{font-size:.85rem}
/* responsive */
@media(max-width:900px){.hero-in,.welcome,.trip{grid-template-columns:1fr}.minis{grid-template-columns:1fr 1fr}.trip-img img{min-height:240px;max-height:300px}.collage{height:300px}.hero-photo{order:-1}.oval{width:min(78%,340px)}}
@media(max-width:720px){body{font-size:17px}.menu{display:inline-block}nav{display:none;flex-direction:column;gap:.2rem}.navopen nav{display:flex}
.masthead{padding-top:2.4rem}.tagline{font-size:.85rem}.hero-text{padding:2.6rem 1.3rem 2rem}.collage{grid-template-columns:1.4fr 1fr;height:260px}.trip-img img{border-radius:160px 160px 10px 10px}.count{gap:.6rem}.count div{min-width:70px}
.cols{grid-template-columns:1fr}.minis{grid-template-columns:1fr}.claire{flex-direction:column;text-align:center}.rgroup li{flex-direction:column;gap:.1rem}.rgroup em{text-align:left;padding-left:1.7rem}.plaque{padding:.5rem 1.3rem}.spots{gap:.8rem}.spots .spot{width:38px;height:38px}}
/* trip tabs + per-trip pages */
.triptabs{display:flex;gap:.6rem;overflow-x:auto;padding:.4rem .2rem .9rem;margin:0 0 1.6rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:safe center}
.triptabs a{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);background:var(--stock);border:1px solid var(--linen);border-radius:14px 14px 6px 6px;padding:.45rem .95rem .4rem;box-shadow:var(--sh);line-height:1.2;transition:transform .15s}
.triptabs a:hover{transform:translateY(-2px)}
.triptabs a b{font-family:"Cormorant Garamond",serif;font-variant:small-caps;letter-spacing:.05em;font-size:1.05rem;color:var(--forest);font-weight:600;white-space:nowrap}
.triptabs a span{font:.68rem "Courier Prime",monospace;color:var(--honey)}
.triptabs a:first-child{justify-content:center;font-family:"Courier Prime",monospace;font-size:.85rem}
.triptabs a.on{background:var(--forest);border-color:var(--forest)}.triptabs a.on b,.triptabs a.on span,.triptabs a.on{color:var(--page)}
.tlink{text-decoration:none;color:inherit}.tlink:hover{text-decoration:underline}
.dayplan{margin:1.1rem 0 .2rem}.trip-img a{display:block;height:100%}
.trip-hero{padding:2.2rem 1.25rem .6rem}
.th-in{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:2.6rem;align-items:center}
.th-photo{position:relative}.th-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:220px 220px 14px 14px;box-shadow:0 0 0 8px var(--page),0 0 0 9px var(--sage-d),0 14px 30px rgba(70,55,30,.16)}
.th-text h1{margin:.15em 0 .2em}.tintro{margin:.9rem 0 0;font-size:1.05rem;max-width:40em}
.tinfo{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.tcard{background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);padding:1.1rem 1.4rem 1.2rem;box-shadow:var(--sh);margin:0;text-align:left}
.tcard h2{margin-bottom:.7rem}
.tl{list-style:none;padding:0;margin:0}.tl li{padding:.5rem 0;border-bottom:1px dotted var(--linen);font-size:.97rem}.tl li:last-child{border:0}
.tl b{font-family:"Cormorant Garamond",serif;font-size:1.12rem;color:var(--forest)}
.hwhen{display:block;font:.8rem "Courier Prime",monospace;color:var(--honey);margin-top:.1rem}.hnote{display:block;color:#6b655c;font-size:.92rem}
.tag{display:inline-block;font:.66rem/1.5 "Courier Prime",monospace;padding:0 .5rem;border-radius:999px;border:1px solid;vertical-align:.12em;white-space:nowrap;margin-right:.15rem}
.t-ok{color:var(--forest);border-color:var(--sage-d);background:var(--csage)}
.t-tbd{color:#9a4f1f;border-color:var(--terra);background:#fbeee4}
.t-sug{color:#7a6331;border-color:var(--tan);background:#fbf5e8}
.t-age{color:#7d3b45;border-color:var(--blush);background:#fbefee}
.legend2{text-align:center;font-size:.9rem;color:#6b655c}
.days{list-style:none;padding:0;margin:1rem 0 0;position:relative}
.days:before{content:"";position:absolute;left:37px;top:10px;bottom:10px;border-left:1.5px dashed var(--sage-d)}
.day{display:grid;grid-template-columns:76px 1fr;gap:1rem;margin:0 0 1rem;position:relative}
.dnum{width:76px;height:76px;border-radius:50%;background:var(--page);box-shadow:0 0 0 1.5px var(--sage-d),0 0 0 5px var(--page),0 0 0 6px var(--honey);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;z-index:1}
.dnum span{font:.62rem "Courier Prime",monospace;color:var(--honey);text-transform:lowercase}.dnum b{font:300 2.2rem/1 "Cormorant Garamond",serif;color:transparent;-webkit-text-stroke:1.1px var(--forest)}
.dbody{background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);padding:.8rem 1.2rem .7rem;box-shadow:var(--sh)}
.ddate{font:.82rem "Courier Prime",monospace;color:var(--terra);margin:0}.dbody h3{margin:.1em 0 .3em}
.dbody ul{list-style:none;padding:0;margin:0}.dbody li{padding:.3rem 0;border-top:1px dotted var(--linen);font-size:.97rem}.dbody li:first-child{border-top:0}
.tm{font:.8rem "Courier Prime",monospace;color:var(--forest);background:var(--csage);border-radius:6px;padding:.05rem .4rem;margin-right:.45rem;white-space:nowrap}
.tx{margin-right:.35rem}
.rgroups.tw{margin-top:2rem}.qlist{padding-left:1.2rem!important;list-style:disc!important}.qlist li{display:list-item!important;border:0!important;padding:.25rem 0!important}
.back{text-align:center}
@media(max-width:900px){.th-in{grid-template-columns:1fr;gap:1.4rem}.th-photo{max-width:340px;margin:0 auto;width:100%}.th-text{text-align:center}.tintro{margin-left:auto;margin-right:auto}.tinfo{grid-template-columns:1fr}}
@media(max-width:720px){.triptabs{justify-content:flex-start;margin:0 -1.25rem 1.2rem;padding-left:1.25rem;padding-right:1.25rem}.day{grid-template-columns:52px 1fr;gap:.6rem}.dnum{width:52px;height:52px}.dnum b{font-size:1.6rem}.days:before{left:25px}.dbody{padding:.7rem .9rem}.th-photo img{aspect-ratio:1/1}}
.tabwrap{max-width:1150px;margin:0 auto;padding:1.2rem 1.25rem 0}.tabwrap .triptabs{margin-bottom:0}
.th-in{grid-template-columns:360px 1fr}.th-photo img{aspect-ratio:1/1.08}
@media(max-width:900px){.th-in{grid-template-columns:1fr}}
@media(max-width:720px){.tabwrap{padding:.8rem 0 0}.tabwrap .triptabs{margin:0}.trip-hero{padding-top:1.2rem}}
/* learning corner (template) */
.lc{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.lcard{background:var(--stock);border:1px solid var(--linen);border-radius:22px;padding:1.3rem 1.4rem;box-shadow:var(--sh);margin:0;text-align:center;position:relative}
.lcard:before{content:"";position:absolute;left:14px;right:14px;top:8px;height:1px;border-top:1px solid var(--sage-d)}
.wotd h2{font-family:"Cormorant Garamond",Georgia,serif;font-variant:normal;letter-spacing:.01em;font-weight:600;font-size:3.2rem;margin:.2rem 0}
.def{font-size:1.15rem;margin:.6rem 0 .2rem}.ex{font-style:italic;color:#6b655c}
.say{font:1rem "Courier Prime",monospace;background:var(--page);border:1.5px solid var(--sage-d);border-radius:999px;padding:.35rem 1rem;color:var(--forest);cursor:pointer}
.say:active{transform:scale(.96)}
.sights{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}
.sw{display:flex;justify-content:space-between;align-items:center;border-radius:16px;padding:.6rem 1rem;font-size:1rem}
.sw span{font:600 1.9rem/1 "EB Garamond",serif;color:var(--forest)}.sw i{font-style:normal}
.sw:nth-child(3n+1){background:var(--csage)}.sw:nth-child(3n+2){background:#fbefee}.sw:nth-child(3n){background:#fbf5e8}
.q{font-size:1.5rem;line-height:1.5;margin:.8rem 0 1rem}
.ans{font:600 1.6rem "EB Garamond",serif;color:var(--terra);margin:1rem 0 0}
.lcard .small{font-size:.9rem;color:#6b655c}
@media(max-width:900px){.lc{grid-template-columns:1fr}}
/* learning corner fixes */
.lc-when{font-family:"Courier Prime",monospace;font-size:.9rem;color:var(--honey)}
.say{-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.say.tapped{background:var(--mustard)!important;border-color:var(--honey)}
.reveal summary{list-style:none;cursor:pointer;display:inline-block}.reveal summary::-webkit-details-marker{display:none}
.reveal[open] summary{background:var(--sage-d)}
/* trip tabs: wrap instead of a cut-off sideways strip */
.triptabs{flex-wrap:wrap;justify-content:center;overflow:visible;padding:.2rem 0 .4rem}
.triptabs a{border-radius:12px}
@media(max-width:720px){.triptabs{margin:0 0 1.2rem;padding:0;gap:.45rem}.tabwrap{padding:.9rem 1rem 0}.tabwrap .triptabs{margin:0}
.triptabs a{padding:.3rem .7rem;flex:0 1 auto}.triptabs a b{font-size:.95rem}.triptabs a span{font-size:.6rem}.triptabs a:first-child{font-size:.78rem}}
.t-pos{color:#3d5a6e;border-color:var(--ging);background:#eef3f9;border-style:dashed}
.posses{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem}
.poss{background:var(--stock);border:1.5px dashed var(--ging);border-radius:var(--r);padding:1rem 1.3rem;box-shadow:var(--sh)}
.poss h3 a{color:var(--forest)}.poss ul{padding-left:1.1rem;margin:.3rem 0 0}.poss li{font-size:.95rem;margin:.25rem 0}
@media(max-width:900px){.posses{grid-template-columns:1fr}}
.posses{align-items:start}
/* daily quote (footer) */
.dquote{max-width:34rem;margin:.6rem auto .9rem;padding:0 1rem;text-align:center}
.dquote blockquote{margin:0;font:italic 400 1.12rem/1.5 "Cormorant Garamond",Georgia,serif;color:var(--forest)}
.dquote figcaption{margin-top:.35rem;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:.78rem;color:var(--honey)}
@media(max-width:720px){.dquote blockquote{font-size:1.02rem}}
/* youngwildscreenfree additions */
.brief{max-width:760px;margin:0 auto}.brief h2{font-size:1.4rem;margin-top:1.6rem}
.take{background:var(--csage);border-radius:var(--r);padding:1rem 1.3rem;font-size:1.15rem}
.cite{font-size:.92rem;color:#5f594f;border-left:3px solid var(--honey);padding-left:.9rem}
.disc{background:var(--stock);border:1px dashed var(--honey);border-radius:var(--r);padding:.8rem 1.1rem;font-size:.95rem}
.cardlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem}
.card{background:var(--stock);border:1px solid var(--linen);border-radius:var(--r);padding:1rem 1.2rem;box-shadow:var(--sh);text-decoration:none;color:var(--ink);display:block}
.gift img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}
.soon{opacity:.75}