/* Trail Giggles & Riddles: launch placeholders */
.trail-giggles-section .tg-intro{max-width:330px;line-height:1.6;color:#586c79;margin:0}
.tg-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:24px;align-items:stretch}
.tg-feature{min-height:480px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,#dff4f5 0%,#eff8ed 55%,#fff2cc 100%);border:1px solid #d7e5df;padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:#153e50}
.tg-badge{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:1.8px;background:#fffaf0;border:1px solid #e4d8b4;padding:9px 13px;border-radius:100px;position:relative;z-index:1}
.tg-symbol{position:absolute;right:7%;top:13%;font-size:210px;line-height:1;font-weight:900;color:#238078;transform:rotate(12deg);opacity:.18}
.tg-feature-copy{position:relative;z-index:1;max-width:560px;padding-top:100px}
.tg-kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#347368;margin:0 0 12px}
.tg-feature-copy h3{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-1.5px;margin:0 0 18px;color:#153e50}
.tg-feature-copy>p:last-child{font-size:16px;line-height:1.7;margin:0;color:#47656b}
.tg-spark{position:absolute;color:#e8a82e;font-size:52px}.tg-spark-one{right:13%;top:20%}.tg-spark-two{right:34%;top:43%;font-size:25px;color:#328b82}
.tg-collection{min-width:0;background:#f3f6f1;border:1px solid #e0e7dc;border-radius:24px;padding:20px;display:flex;flex-direction:column}
.tg-collection-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.tg-collection-heading h3{font-size:17px;margin:0;color:#153e50}.tg-collection-heading>span{font-size:11px;color:#738176;white-space:nowrap}
.tg-scroll{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#acc2b0 transparent}.tg-scroll:focus-visible{outline:3px solid #25847b;outline-offset:4px;border-radius:10px}
.tg-mini{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e1e8dc;border-radius:15px;padding:15px 12px;min-height:112px;flex-shrink:0}.tg-mini-symbol{width:62px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff0bf;color:#9e6c11;font-size:37px;font-weight:bold;flex-shrink:0}.tg-riddle .tg-mini-symbol{background:#dceff3;color:#30738b}.tg-mini p{font-size:9px;letter-spacing:1.5px;font-weight:800;margin:0 0 6px;color:#62786d}.tg-mini h4{font-size:17px;line-height:1.25;margin:0 0 4px;color:#153e50}.tg-mini div>span{font-size:11px;color:#768477}
@media(max-width:800px){.tg-layout{grid-template-columns:1fr}.tg-feature{min-height:400px;padding:25px}.tg-feature-copy{padding-top:80px}.tg-feature-copy h3{font-size:40px}.tg-symbol{font-size:180px}.tg-scroll{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:0 0 8px;scroll-snap-type:x proximity}.tg-mini{min-width:240px;scroll-snap-align:start}.trail-giggles-section .section-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}.tg-collection{padding:18px}}

/* Full-width color band separates this collection from adjacent sections. */
.trail-giggles-section{max-width:none;background:#e8f2e5;border-top:1px solid #ccddc7;border-bottom:1px solid #ccddc7;padding-left:max(clamp(1.2rem,4vw,3rem),calc((100vw - 1224px)/2));padding-right:max(clamp(1.2rem,4vw,3rem),calc((100vw - 1224px)/2))}
.trail-giggles-section .tg-collection{background:#f7faf3;border-color:#cedecc}
.trail-giggles-section .tg-feature{border-color:#c4d9cc;box-shadow:0 12px 30px rgba(30,70,42,.05)}
/* Selectable preview cards and timed answer reveal. */
.tg-play-area{min-width:0}.tg-flip-card{display:block;width:100%;height:500px;padding:0;border:0;background:transparent;text-align:left;perspective:1400px;cursor:pointer;color:#153e50;border-radius:24px}.tg-flip-card:focus-visible,.tg-mini:focus-visible{outline:3px solid #0759d8;outline-offset:5px}.tg-flip-card[aria-disabled=true]{cursor:default}.tg-flip-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.tg-flip-card.tg-flipped .tg-flip-inner{transform:rotateY(180deg)}.tg-face{position:absolute;inset:0;border-radius:24px;border:1px solid #c4d9cc;padding:30px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 12px 30px rgba(30,70,42,.05);display:flex;flex-direction:column}.tg-front{background:linear-gradient(145deg,#dff4f5 0%,#eff8ed 55%,#fff2cc 100%)}.tg-flip-card[data-kind=Riddle] .tg-front{background:linear-gradient(135deg,#e0effc,#eef2ff 60%,#e2f5ef)}.tg-face .tg-badge{display:inline-block;align-self:flex-start}.tg-face .tg-feature-copy{display:block;padding-top:80px;margin-top:auto;margin-bottom:77px;max-width:95%}.tg-face .tg-kicker{display:block}.tg-card-title{display:block;font-size:clamp(28px,3.5vw,45px);font-weight:800;line-height:1.12;letter-spacing:-1px;max-width:600px}.tg-card-message{display:block;font-weight:800;font-size:23px;margin:14px 0 8px;color:#347368}.tg-card-detail{display:block;font-size:15px;line-height:1.7;color:#47656b}.tg-timer{position:absolute;right:24px;bottom:22px;width:170px;display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;padding:12px 14px;background:#fffdf1e8;border:1px solid #d9dfcd;border-radius:14px}.tg-timer-label{font-size:9px;letter-spacing:1px;font-weight:800}.tg-timer-value{font-size:22px;line-height:1.1;font-weight:900;font-variant-numeric:tabular-nums}.tg-progress{display:block;grid-column:1/-1;height:5px;border-radius:9px;background:#dce7d8;overflow:hidden}.tg-progress>span{display:block;height:100%;width:0;background:#25847b;border-radius:9px;transition:width .2s linear}.tg-back{transform:rotateY(180deg);background:#fff6d9;align-items:center;text-align:center;justify-content:center;gap:20px}.tg-back .tg-badge{position:absolute;top:30px;left:30px}.tg-back-mark{font-size:70px;color:#e6a52b;line-height:1}.tg-back .tg-card-title{font-size:clamp(29px,3.7vw,46px)}.tg-flip-hint{font-size:12px;font-weight:800;margin-top:15px;color:#536b64}.tg-instructions{min-height:2.8em;line-height:1.6;font-size:12px;color:#506f60;margin:16px 4px 0}.tg-mini{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}.tg-mini[aria-pressed=true]{border:2px solid #25847b;box-shadow:0 0 0 2px #cee1ce}.tg-mini:hover{border-color:#25847b}.tg-mini-copy{display:block}.tg-mini-copy>span{display:block}.tg-mini-type{font-size:9px;letter-spacing:1.5px;font-weight:800;margin-bottom:6px;color:#62786d}.tg-mini strong{font-size:17px;display:block;line-height:1.25;margin-bottom:4px}.tg-mini-caption{font-size:11px;color:#768477}.trail-giggles-section .tg-collection{align-self:start}.tg-scroll{max-height:470px}
@media(max-width:800px){.tg-flip-card{height:470px}.tg-face{padding:24px}.tg-face .tg-feature-copy{padding-top:60px;margin-bottom:90px}.tg-card-title{font-size:33px}.tg-card-detail{font-size:14px}.tg-timer{right:18px;bottom:18px}.tg-mini{width:240px;min-width:240px}.tg-scroll{max-height:none}.tg-back .tg-badge{top:24px;left:24px}}
@media(prefers-reduced-motion:reduce){.tg-flip-inner,.tg-progress>span{transition:none}}

/* Full question/answer artwork, with controls outside the image. */
.tg-real-heading{display:flex;align-items:center;gap:14px;margin:0 0 16px;min-height:38px}.tg-real-heading h3{font-size:19px;margin:0;color:#153e50}.tg-real-heading .tg-badge{white-space:nowrap}
.tg-real-cards .tg-flip-card{position:relative;height:auto;aspect-ratio:1/1;overflow:visible}.tg-real-cards .tg-flip-inner{position:absolute;inset:0}.tg-real-cards .tg-face{padding:0;display:block;background:white;border-radius:20px;border:1px solid #c4d9cc}.tg-real-cards .tg-face img{display:block;width:100%;height:100%;object-fit:contain}.tg-real-cards .tg-back{transform:rotateY(180deg)}
.tg-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px}.tg-controls .tg-instructions{margin:0;min-height:0;max-width:440px}.tg-controls .tg-timer{position:static;flex:0 0 170px;width:170px}.tg-real-cards .tg-collection{margin-top:54px}.tg-real-cards .tg-scroll{max-height:740px}.tg-real-cards .tg-mini{padding:8px;gap:12px;min-height:130px}.tg-thumb-image{width:104px;height:104px;object-fit:contain;border-radius:9px;flex-shrink:0;background:white}.tg-real-cards .tg-mini strong{font-size:15px}.tg-real-cards .tg-mini-caption{margin-top:6px}
@media(max-width:800px){.tg-real-cards .tg-collection{margin-top:0}.tg-real-cards .tg-scroll{max-height:none}.tg-real-cards .tg-mini{min-width:250px;width:250px}.tg-real-heading{gap:9px;flex-wrap:wrap}.tg-real-heading h3{font-size:17px}.tg-controls{align-items:flex-start}.tg-controls .tg-instructions{font-size:11px}.tg-controls .tg-timer{flex-basis:145px;width:145px}.tg-real-cards .tg-face{border-radius:16px}}

/* Tablet: keep the archive aligned with the illustrated card, not its controls. */
@media(min-width:761px) and (max-width:1280px){.tg-layout.tg-real-cards{grid-template-columns:minmax(0,7fr) minmax(220px,3fr);gap:20px}.tg-real-cards .tg-collection{margin-top:var(--tg-card-offset,54px);height:var(--tg-card-height,auto);min-height:0;overflow:hidden;padding:16px}.tg-real-cards .tg-collection-heading{flex-shrink:0;flex-wrap:wrap;gap:4px;margin-bottom:12px}.tg-real-cards .tg-scroll{flex:1 1 0;min-height:0;max-height:none;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0 4px 0 0}.tg-real-cards .tg-mini{width:100%;min-width:0;min-height:98px;padding:7px;gap:8px}.tg-real-cards .tg-thumb-image{width:72px;height:72px}.tg-real-cards .tg-mini strong{font-size:13px}.tg-real-cards .tg-mini-type{font-size:8px;letter-spacing:1px}.tg-real-cards .tg-mini-caption{font-size:10px}}