/* Only the homepage guide uses these styles. Keep gallery/body scroll rules intact. */
.ig-guide{--guide-size:96px;--guide-inset:calc(12px + env(safe-area-inset-right,0px));--guide-bubble-right:calc(var(--guide-size) + 8px + var(--guide-inset));--guide-panel-base:min(210px,calc(100vw - var(--guide-size) - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));--guide-bottom:calc(4px + env(safe-area-inset-bottom,0px));position:fixed;right:-6px;bottom:var(--guide-bottom);width:var(--guide-size);height:var(--guide-size);z-index:70;pointer-events:none;font-family:var(--font-body);color:var(--color-ink);}
.ig-guide button,.ig-guide a{touch-action:manipulation;}
.ig-guide__toggle{position:relative;display:block;width:100%;height:100%;pointer-events:auto;border-radius:50%;}
.ig-guide__fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-paper);color:var(--color-ink);font-size:24px;font-weight:600;box-shadow:0 2px 12px #0002;pointer-events:none;}
.ig-guide[data-poster-ready="true"] .ig-guide__fallback,.ig-guide[data-playing="true"] .ig-guide__fallback{visibility:hidden;}
.ig-guide__toggle img,.ig-guide__toggle video,.ig-guide__transition{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;}
.ig-guide__toggle video{opacity:0;}
.ig-guide__toggle video.is-front{opacity:1;}
.ig-guide__toggle img{opacity:1;}
.ig-guide[data-playing="true"]:not([data-format="webp"]) .ig-guide__toggle img{opacity:0;}
.ig-guide__bubble{position:absolute;right:var(--guide-bubble-right);bottom:28px;width:210px;max-width:calc(100vw - var(--guide-size) - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));border:1px solid rgba(14,14,12,.04);border-radius:16px;background:#faf7f0;box-shadow:0 6px 24px rgba(14,14,12,.10);pointer-events:auto;}
.ig-guide__bubble::after{content:'';position:absolute;right:-11px;bottom:18px;width:6px;height:6px;background:#faf7f0;border-radius:50%;}
.ig-guide__hint{right:calc(var(--guide-size) * .75 + 12px);width:max-content;max-width:min(190px,calc(100vw - 24px));padding:8px 30px 8px 12px;}
.ig-guide__hint-open{display:block;text-align:left;width:100%;font-size:12px;line-height:1.6;min-height:28px;}
.ig-guide__close{position:absolute;right:0;top:0;width:32px;height:32px;border-radius:50%;color:#716b5f;display:grid;place-items:center;font-size:16px;line-height:1;z-index:2;}
.ig-guide__close span{width:18px;height:18px;line-height:17px;background:#ece7dc;border-radius:50%;}
/* Align beside the open ! symbol; its transparent media padding supplies the gap. */
.ig-guide__panel{--guide-panel-width:calc(var(--guide-panel-base) * 1.1);width:var(--guide-panel-width);max-width:none;right:calc(var(--guide-size) * .75);z-index:1;border-radius:17.6px;padding:14.3px 13.2px 9.9px;max-height:calc(var(--guide-vh,100dvh) - var(--guide-bottom) - 108px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.ig-guide__panel::after{display:none;}
.ig-guide__panel .ig-guide__close{width:35.2px;height:35.2px;font-size:17.6px;}
.ig-guide__panel .ig-guide__close span{width:19.8px;height:19.8px;line-height:18.7px;}
.ig-guide__heading{font-family:var(--font-body);font-size:13.2px;font-weight:600;line-height:1.45;letter-spacing:-.03em;margin:0 24.2px 9.9px 0;}
.ig-guide__copy{font-size:13.2px;line-height:1.6;color:#4d493f;margin:0 0 8.8px;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;}
.ig-guide__choices{display:flex;flex-wrap:wrap;align-items:flex-start;gap:5.5px;margin-top:6.6px;}
.ig-guide__choice{display:flex;align-items:center;justify-content:center;min-height:30.8px;max-width:100%;padding:6.6px 9.9px;border:0;background:rgba(255,255,255,.88);border-radius:999px;font-size:12.1px;line-height:1.3;text-align:left;overflow-wrap:anywhere;}
.ig-guide__choice:hover{background:#ece6da;}
.ig-guide__navigation{display:flex;flex-wrap:wrap;gap:11px;margin-top:4.4px;}
.ig-guide__navigation button{font-size:11px;min-height:30.8px;padding:3.3px 1.1px;color:#716b5f;}
.ig-guide__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:2.2px 13.2px;margin-top:6.6px;padding-top:2.2px;}
.ig-guide__footer a{display:flex;align-items:center;min-height:30.8px;font-size:12.1px;padding:1.1px;color:#4d493f;white-space:nowrap;}
.ig-guide__footer a:last-child{font-weight:600;color:#171610;}
@media(min-width:768px){.ig-guide{--guide-size:128px;--guide-bottom:16px;--guide-inset:24px;--guide-panel-base:min(250px,calc(100vw - var(--guide-size) - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));}.ig-guide__bubble:not(.ig-guide__panel){width:250px;}}
@media(max-width:359px){.ig-guide{right:-2px;--guide-bubble-right:var(--guide-inset);--guide-panel-base:min(210px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));}.ig-guide__bubble{right:var(--guide-bubble-right);bottom:calc(var(--guide-size) + 10px);max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));}.ig-guide__bubble::after{right:36px;bottom:-10px;}.ig-guide__panel{--guide-panel-width:min(calc(var(--guide-panel-base) * 1.1),calc(var(--guide-panel-base) + var(--guide-inset) - env(safe-area-inset-right,0px) - 4px));right:calc(var(--guide-bubble-right) + var(--guide-panel-base) - var(--guide-panel-width));max-width:none;max-height:calc(var(--guide-vh,100dvh) - var(--guide-bottom) - var(--guide-size) - 90px);}}
@media(prefers-reduced-motion:reduce){.ig-guide *{transition:none;animation:none;}}