.guide-site{background:radial-gradient(ellipse at 12% 5%,rgb(232 176 74 / 10%),transparent 28%),radial-gradient(ellipse at 92% 31%,rgb(61 105 98 / 8%),transparent 25%),#f7f4ee;color:#253332}
.guide-main{padding:28px 0 72px}
.guide-feed-shell{max-width:940px}
.guide-feed-shell>h1{margin:12px 0 22px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;letter-spacing:-.04em}
.guide-feed{display:grid;gap:14px}
.guide-card{padding:12px;border:1px solid #e3e0d8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgb(31 54 51 / 5%)}
.guide-card-row{display:grid;grid-template-columns:minmax(210px,34%) minmax(0,1fr);gap:17px;align-items:center}
.guide-card.is-playing .guide-card-row{grid-template-columns:minmax(0,1fr)}
.guide-media{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#152d31}
.guide-media video,.guide-poster{position:absolute;inset:0;width:100%;height:100%;display:block}
.guide-media video{object-fit:contain;background:#10252a}
.guide-media video[hidden],.guide-poster[hidden]{display:none}
.guide-poster{padding:0;overflow:hidden;border:0;background:#18383d;color:#fff;cursor:pointer}
.guide-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.guide-poster::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgb(13 33 35 / 13%),transparent 70%),linear-gradient(0deg,rgb(13 33 35 / 20%),transparent 50%)}
.guide-poster-play{position:absolute;top:50%;left:50%;z-index:1;display:grid;width:42px;height:42px;place-items:center;padding-left:3px;transform:translate(-50%,-50%);border:1px solid rgb(255 255 255 / 75%);border-radius:50%;background:rgb(18 42 44 / 48%);color:#fff;font-size:.9rem;backdrop-filter:blur(5px)}
.guide-poster:hover .guide-poster-play{background:#e8b04a;color:#233d3a}
.guide-card-copy{min-width:0;display:grid;justify-items:start;gap:11px}
.guide-card-copy h2{margin:0;text-align:left;font-size:clamp(1.15rem,2.5vw,1.55rem);line-height:1.2;letter-spacing:-.025em}
.guide-offers-toggle{display:flex;width:100%;min-height:42px;align-items:center;gap:10px;margin-top:8px;padding:0 2px;border:0;border-top:1px solid #efede7;background:transparent;color:#9b601f;font:inherit;font-size:.9rem;font-weight:750;text-align:left;cursor:pointer}
.guide-offers-title{flex:0 1 auto}
.guide-offers-action{margin-left:auto;color:#7b8581;font-size:.78rem;font-weight:600;white-space:nowrap}
.guide-offers-chevron{width:20px;height:20px;flex:0 0 20px;transition:transform .18s ease}
.guide-offers-toggle[aria-expanded="true"] .guide-offers-chevron{transform:rotate(180deg)}
.guide-offers-body{padding:12px 0 2px}
.guide-offers-body[hidden]{display:none}
.guide-offers-date{margin:0 0 11px;color:#7b8581;font-size:.78rem;line-height:1.4}
.guide-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.guide-offers-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #efede7}
.guide-offers-cta{display:flex;min-height:44px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #314f4a;border-radius:10px;font-size:.84rem;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;transition:background .18s,color .18s,border-color .18s}
.guide-offers-cta-primary{background:#314f4a;color:#fff}
.guide-offers-cta-primary:hover{border-color:#203d38;background:#203d38}
.guide-offers-cta-secondary{background:#fff;color:#314f4a}
.guide-offers-cta-secondary:hover{background:#f1f4f0}
.guide-plan{display:grid;grid-template-columns:76px minmax(0,1fr);gap:11px;align-items:center;padding:8px;overflow:hidden;border:1px solid #ece9e2;border-radius:13px;background:#fff}
.guide-plan-image-button{width:76px;height:84px;display:block;padding:4px;overflow:hidden;border:1px solid #ece9e2;border-radius:9px;background:#f8f7f3;cursor:zoom-in}
.guide-plan-image{display:block;width:100%;height:100%;object-fit:contain}
.guide-plan-image-button:focus-visible,.guide-poster:focus-visible,.guide-offers-toggle:focus-visible,.guide-plan-dialog-close:focus-visible{outline:3px solid #e8b04a;outline-offset:3px}
.guide-plan-copy{min-width:0;padding:3px 2px}
.guide-plan-copy strong{display:block;font-size:.83rem;line-height:1.3}
.guide-plan-copy p{display:flex;flex-direction:column;gap:3px;margin:7px 0 0;color:#717c77;font-size:.72rem;line-height:1.3}
.guide-plan-copy b{color:#a96822;font-size:.8rem;font-weight:750}
.guide-plan-copy p.guide-plan-note{display:block;color:#8a5b35;font-size:.68rem;line-height:1.35}
.guide-feed-empty{margin:0;padding:14px 2px;color:#65716d;font-size:.92rem}
.guide-feed-error{color:#8b3e36}
.guide-plan-dialog{position:relative;width:min(92vw,980px);max-width:none;max-height:92vh;padding:24px;border:1px solid #e3e0d8;border-radius:20px;background:#fbfaf7;box-shadow:0 24px 90px rgb(0 0 0 / 28%)}
.guide-plan-dialog::backdrop{background:rgb(16 32 32 / 72%);backdrop-filter:blur(4px)}
.guide-plan-dialog[open]{display:grid;justify-items:center;gap:12px}
.guide-plan-dialog img{display:block;max-width:100%;max-height:calc(92vh - 105px);object-fit:contain}
.guide-plan-dialog p{margin:0;color:#33423e;font-weight:700;text-align:center}
.guide-plan-dialog-close{position:absolute;top:9px;right:9px;z-index:1;width:38px;height:38px;border:1px solid #d8ddd6;border-radius:50%;background:#fff;color:#33423e;font-size:1.5rem;line-height:1;cursor:pointer}
.guide-site .eyebrow{color:#b4782b;font-size:.76rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.guide-main{padding:15px 0 48px}.guide-feed-shell>h1{margin:7px 0 14px;font-size:1.6rem}.guide-feed{gap:10px}.guide-card{padding:9px;border-radius:15px}.guide-card-row{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:12px}.guide-card-copy{gap:7px}.guide-card-copy h2{font-size:1rem}.guide-offers-toggle{min-height:38px;gap:8px;font-size:.83rem}.guide-offers-action{font-size:.74rem}.guide-offers-chevron{width:18px;height:18px;flex-basis:18px}.guide-offers-body{padding-top:9px}.guide-plan-grid{grid-template-columns:1fr}.guide-offers-actions{gap:8px;margin-top:11px;padding-top:11px}.guide-offers-cta{min-height:42px}.guide-plan{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:7px}.guide-plan-image-button{width:68px;height:76px}.guide-plan-copy strong{font-size:.8rem}.guide-plan-dialog{width:calc(100vw - 24px);max-height:94vh;padding:16px;border-radius:16px}.guide-plan-dialog img{max-height:calc(94vh - 90px)}}
@media(max-width:360px){.guide-card{padding:8px}.guide-card-row{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:9px}.guide-card-copy h2{font-size:.94rem}.guide-offers-toggle{gap:6px;font-size:.8rem}.guide-offers-action{font-size:.69rem}.guide-offers-chevron{width:16px;height:16px;flex-basis:16px}}
@media(prefers-reduced-motion:reduce){.guide-poster-play{backdrop-filter:none}}
.guide-plan-image-button{position:relative}
.guide-plan-zoom-hint{position:absolute;right:3px;bottom:3px;display:grid;width:21px;height:21px;place-items:center;border:1px solid #d9ded8;border-radius:50%;background:rgb(255 255 255 / 94%);color:#314f4a;font-size:1rem;font-weight:700;line-height:1}
.guide-plan-dialog{grid-template-rows:minmax(0,1fr) auto auto auto;gap:10px;overflow:hidden}
.guide-plan-stage{display:grid;width:100%;height:min(62vh,680px);min-height:200px;place-items:center;overflow:hidden;border:1px solid #e7e5de;border-radius:12px;background:#f2f1ec;touch-action:none;overscroll-behavior:contain;cursor:grab}
.guide-plan-stage.is-zoomed{cursor:grab}
.guide-plan-stage.is-interacting{cursor:grabbing}
.guide-plan-dialog .guide-plan-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform:translate(0,0) scale(1);transform-origin:center center;transition:transform 90ms linear;pointer-events:none;user-select:none}
.guide-plan-stage.is-interacting img{transition:none}
.guide-plan-zoom-controls{display:flex;align-items:center;justify-content:center;gap:8px}
.guide-plan-zoom-controls button{min-width:40px;height:38px;padding:0 10px;border:1px solid #d8ddd6;border-radius:9px;background:#fff;color:#314f4a;font:inherit;font-size:1.2rem;font-weight:700;cursor:pointer}
.guide-plan-zoom-controls button:hover{border-color:#b9c8bf;background:#f4f6f2}
.guide-plan-zoom-controls output{min-width:50px;color:#33423e;font-size:.85rem;font-variant-numeric:tabular-nums;text-align:center}
.guide-plan-zoom-controls button.guide-plan-zoom-reset{min-width:auto;margin-left:4px;font-size:.8rem;font-weight:600}
.guide-plan-zoom-controls button:focus-visible,.guide-plan-image-button:focus-visible{outline:3px solid #e8b04a;outline-offset:3px}
.guide-plan-dialog p.guide-plan-zoom-help{max-width:48rem;color:#65716d;font-size:.75rem;font-weight:400;line-height:1.4}
@media(max-width:760px){.guide-plan-stage{height:min(56vh,620px);min-height:190px}.guide-plan-zoom-controls{gap:6px}.guide-plan-zoom-controls button{min-width:38px;height:36px}.guide-plan-zoom-controls button.guide-plan-zoom-reset{margin-left:0}.guide-plan-dialog p.guide-plan-zoom-help{font-size:.7rem}}