.guide-link{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:50;width:244px;max-width:calc(100vw - 2rem);box-sizing:border-box;border:1px solid #b8c7b4;border-radius:1rem;background:#fffdf8;color:#173f3b;box-shadow:0 6px 24px #173f3b24;font:600 .95rem/1.4 system-ui,sans-serif}
.guide-link[data-side="left"]{left:max(1rem,env(safe-area-inset-left));right:auto}
.guide-link[hidden]{display:none!important}
.guide-link a{color:inherit;text-decoration:none}.guide-link a:hover{text-decoration:underline;text-underline-offset:.2em}
.guide-link-main{display:flex;align-items:center;gap:.65rem;padding:1.1rem 2.6rem .8rem .9rem;min-height:44px;box-sizing:border-box}
.guide-link-main svg{flex-shrink:0}.guide-link-main small{display:block;margin-top:.2rem;font-size:.75rem;font-weight:400}
.guide-link-season{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:.55rem .9rem;background:#edf1e7;border-radius:0 0 1rem 1rem;font-size:.78rem;border-top:1px solid #d7ddd3}
.guide-link-close{position:absolute;top:.1rem;right:.1rem;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#173f3b;font:400 1.4rem/1 system-ui;cursor:pointer;border-radius:.75rem}
.guide-link :focus-visible{outline:3px solid #0b67c2;outline-offset:3px}
body:has(.guide-link:not([hidden])){padding-bottom:9rem}
@media(max-width:36rem){.guide-link{width:224px;right:max(.65rem,env(safe-area-inset-right));bottom:max(.65rem,env(safe-area-inset-bottom))}.guide-link[data-side="left"]{left:max(.65rem,env(safe-area-inset-left))}}
@media(max-height:480px){.guide-link,.guide-link[data-side="left"]{position:relative;inset:auto;margin:1rem;margin-left:auto}body:has(.guide-link:not([hidden])){padding-bottom:0}}
@media print{.guide-link{display:none!important}body:has(.guide-link:not([hidden])){padding-bottom:0}}