/* 0.18 — practical choices, real workshop moments and review tools. */
.offer-help{margin-top:24px;border-top:1px solid #c9a5ed60;padding-top:16px}.offer-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#eddfff}.offer-help summary:after{content:'＋';margin-left:auto;color:var(--cyan)}.offer-help[open] summary:after{content:'−'}.offer-help dl{display:grid;gap:16px;margin:12px 0 22px}.offer-help dt{font-size:11px;color:var(--cyan);margin-bottom:5px}.offer-help dd{margin:0;font-size:13px;line-height:1.7;color:#e5d7f5}.offer-help a{min-height:44px;display:inline-flex;align-items:center;color:var(--pink);font-size:13px}.share-offer{background:transparent;color:#d8c5ed;font-size:11px;min-height:44px;border:0;text-align:left;padding:8px 0;cursor:pointer}.share-status{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--cyan);line-height:1.6}.portal-doodles{position:absolute;left:4%;top:5%;width:40%;height:85%;z-index:-1;pointer-events:none;color:var(--portal-color);opacity:.5}.portal-doodles span{position:absolute;display:block;font:900 46px/1 Impact}.portal-doodles span:nth-child(2){right:0;top:8%;font-size:70px;transform:rotate(18deg)}.portal-doodles span:nth-child(3){bottom:0;left:20%;font-size:34px;transform:rotate(-15deg)}
.workshop-moment{padding:95px 6vw 75px;background:#f4eaff;color:#25103e}.moment-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.moment-title .kicker{color:#703595}.moment-title h2{font:900 clamp(48px,6.4vw,94px)/.94 Impact,'Arial Black',sans-serif;letter-spacing:-.035em;margin:0}.moment-title em{font-style:normal;color:#6730c2}.moment-title p:last-child{font-size:14px;max-width:245px;line-height:1.7}.moment-photo{position:relative;margin:0}.moment-photo img{width:100%;height:auto;aspect-ratio:1600/832;border-radius:8px 70px 8px 8px}.moment-photo figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;font-size:12px;line-height:1.6}.moment-photo a{border-bottom:1px solid #6730c2;padding:12px 0;white-space:nowrap}.moment-photo .moment-tag{position:absolute;left:24px;bottom:95px;padding:12px 18px;border-radius:5px;background:#ff83d7;color:#250e40;font:900 17px Impact;transform:rotate(-4deg);box-shadow:5px 5px 0 #281144}
.living-gallery[data-project=story] .gallery-zoom img{object-fit:contain}.trial-debrief{margin-top:24px;padding:22px;border:1px solid #a085db;border-radius:12px;background:#281344}.trial-debrief h4{font-size:17px;margin:0 0 12px;color:#8bdfff}.trial-debrief p{font-size:13px!important;line-height:1.7}.trial-debrief a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#ff83d7;border-bottom:1px solid;margin:10px 16px 0 0}.trial-debrief small{display:block;font-size:10px;line-height:1.6;color:#d8c6ef}.page-practical{padding:60px 6vw;background:#24123e;display:grid;grid-template-columns:1fr 1.4fr;gap:7vw}.page-practical h2{font-size:clamp(36px,4.6vw,64px)}.page-practical details{border-top:1px solid #8e72a9;padding:12px 0}.page-practical summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;font-size:14px}.page-practical details p{font-size:14px;margin:10px 0;max-width:570px}.page-practical a{color:#ff83d7}.review-intro,.review-items,.review-measure{padding:55px 6vw}.review-intro h1{font-size:clamp(54px,7vw,100px);margin-bottom:24px}.review-intro p{max-width:760px}.review-items{list-style:none;margin:0;counter-reset:review;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#28123f}.review-items li{counter-increment:review;background:#1c0c32;padding:25px;border:1px solid #a687d052;border-radius:14px}.review-items li:before{content:counter(review,decimal-leading-zero);color:#8bdfff;font:12px monospace}.review-items h2{font:800 22px/1.2 Arial,sans-serif;margin:16px 0}.review-items p{font-size:13px;margin:12px 0}.review-status{font:10px monospace;letter-spacing:1px;color:#ff83d7}.review-measure h2{font-size:44px;margin-bottom:24px}.review-measure p{max-width:760px;margin-bottom:20px}.review-measure button{margin:0 10px 12px 0}.review-measure output{display:block;white-space:pre-wrap;line-height:1.8;max-width:850px;border:1px solid #aa8ad060;padding:22px;font-size:13px}.review-measure #measure-status{min-height:30px;color:#8bdfff;font-size:13px}.demo-controls>a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:680px){.masthead nav,.site-header nav{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px;flex-basis:100%;width:100%}.masthead nav a,.site-header nav a{font-size:11px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 4px!important;border-radius:7px;background:#ffffff07}.moment-title{display:block}.moment-title p:last-child{max-width:none;margin-top:22px}.workshop-moment{padding:55px 6vw 40px}.moment-photo img{border-radius:6px 35px 6px 6px;aspect-ratio:4/3;object-fit:cover}.moment-photo .moment-tag{left:12px;bottom:105px;font-size:14px;padding:9px 12px}.moment-photo figcaption{display:block}.moment-photo a{display:inline-flex;min-height:44px}.portal-doodles{width:85%;height:220px}.page-practical{grid-template-columns:1fr;gap:30px;padding:45px 6vw}.review-items{grid-template-columns:1fr;padding:30px 6vw}.review-intro{padding:45px 6vw}}
@media(prefers-reduced-motion:reduce){.workshop-moment *{animation:none!important;transition:none!important}}