.summer-guide{--sg-ink:#293d32;--sg-muted:#657361;--sg-line:#dce3d5;--sg-paper:#fafbf6;box-sizing:border-box;width:min(1010px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #c9d3c0;border-radius:20px;background:var(--sg-paper);color:var(--sg-ink);box-shadow:0 30px 100px #17271d55;font-family:inherit;overflow:hidden}.summer-guide[open]{display:flex;flex-direction:column}.summer-guide::backdrop{background:#182c24a6;backdrop-filter:blur(4px)}.summer-guide *{box-sizing:border-box}.summer-guide button{font:inherit}.summer-guide button:focus-visible,.summer-guide a:focus-visible{outline:3px solid #b86b34;outline-offset:3px}.sg-header{flex:none;padding:28px 32px 20px;background:linear-gradient(125deg,#eef3e5,#f5f0dc);border-bottom:1px solid var(--sg-line)}.sg-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sg-kicker,.sg-eyebrow{margin:0 0 9px;color:var(--sg-muted);font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.sg-header h2{margin:0;color:#2b4837;font-size:29px;font-weight:650;letter-spacing:-.035em;line-height:1.2}.sg-header>p{max-width:700px;margin:13px 0 0;font-size:13px;line-height:1.65}.sg-actions{display:flex;align-items:center;gap:7px}.sg-actions button{display:grid;place-items:center;flex:none;height:35px;min-width:35px;padding:0 8px;border:1px solid #bdcbb3;border-radius:50%;background:#fff9;color:#364d39;cursor:pointer}.sg-actions .sg-units{font-size:11px;font-weight:750}.sg-actions .sg-close{font-size:24px;font-weight:400;line-height:1}.sg-nav{flex:none;display:flex;flex-wrap:wrap;gap:5px;padding:11px 30px;background:#f4f6ed;border-bottom:1px solid var(--sg-line)}.sg-nav button{padding:7px 11px;border:1px solid transparent;border-radius:16px;background:transparent;color:#49604b;font-size:11px;font-weight:600;cursor:pointer}.sg-nav button:hover{border-color:#cbd5c0;background:#fff}.sg-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 32px 12px;scroll-behavior:smooth}.sg-section{padding:29px 0;border-bottom:1px solid var(--sg-line);scroll-margin-top:24px}.sg-section:last-child{border-bottom:0}.sg-section h3{margin:0 0 17px;font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.02em}.sg-section h4{margin:0 0 9px;font-size:14px;font-weight:700;line-height:1.4}.sg-section p,.sg-section li{font-size:12px;line-height:1.7}.sg-section p{margin:8px 0 0}.sg-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-measures article{padding:18px;border:1px solid #d5dfca;border-radius:13px;background:#f0f4e8}.sg-measures article:nth-child(2){background:#f8f2df;border-color:#e4d9b5}.sg-measures article:nth-child(3){background:#edf1ec;border-color:#d2dcd2}.sg-symbol{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:50%;background:#dce7ce;color:#537746;font-size:25px;line-height:1}.sg-symbol-sun{color:#aa6b24;background:#f0dfb4}.sg-symbol-night{color:#5f7465;background:#d8e2d8;font-size:29px}.sg-measures .sg-card-kicker{margin:0 0 5px;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#6a765d}.sg-measures h4{font-size:17px}.sg-card-rule{margin-top:14px;padding:8px 0;border-top:1px solid #617b4325;border-bottom:1px solid #617b4325;font-size:10px;font-weight:700;line-height:1.5}.sg-formula{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px;padding:20px 23px;border:1px solid #d5deca;border-radius:12px;background:#edf2e5}.sg-formula .sg-eyebrow{font-size:9px}.sg-formula p{margin:6px 0 0;font-size:11px}.sg-formula p b{font-size:13px;font-weight:650}.sg-formula>strong{flex:none;color:#547340;font-size:43px;font-weight:650;letter-spacing:-.04em;line-height:1}.sg-formula>strong small{display:block;margin-top:6px;font-size:11px;letter-spacing:0;font-weight:600;text-align:center}.sg-section .sg-fine{font-size:10.5px;color:#66715e;line-height:1.7}.sg-links{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:14px}.sg-links a{color:#526d45;font-size:10px;text-underline-offset:3px;line-height:1.5}.sg-flow{display:grid;grid-template-columns:1fr 19px 1fr 19px 1fr;gap:9px;align-items:center;margin:0 0 23px}.sg-flow>div{align-self:stretch;padding:16px 14px;border:1px solid #d7dfcc;border-radius:11px;background:#f0f4e9}.sg-flow>div:last-child{border-color:#e3cfb7;background:#f7eee1}.sg-flow span{display:block;margin-bottom:8px;color:#728066;font-size:9px;text-transform:uppercase;font-weight:750;letter-spacing:.05em}.sg-flow b{font-size:13px;font-weight:700}.sg-flow>div p{margin:5px 0 0;font-size:10px}.sg-flow>i{font-size:20px;font-style:normal;text-align:center;color:#899276}.sg-columns,.sg-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.sg-columns p,.sg-data p{font-size:11.5px}.sg-current{margin-top:23px;padding:20px 23px;border-radius:12px;background:#edf2e7;border-left:4px solid #799b61}.sg-current .sg-eyebrow{display:block;margin:0 0 8px;font-size:9px}.sg-current h4{margin:0 0 10px;font-size:19px;color:#4e6a40}.sg-current p{margin:4px 0 0;font-size:11px}.sg-current small{display:block;margin-top:12px;color:#65745c;font-size:10px;line-height:1.7}.sg-note{margin-top:20px;padding:17px 20px;border:1px solid #e7d7bb;border-radius:11px;background:#faf2e3}.sg-note>b{font-size:12px;color:#8d622f}.sg-note p{margin-top:5px;font-size:11px}.sg-data article{padding:20px;border:1px solid #dce3d3;border-radius:12px;background:#f4f6ee}.sg-data article:last-child{background:#edf2e9}.sg-data-tag{display:block;margin-bottom:11px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:750;color:#6d795f}.sg-reliability{margin-top:22px;padding:22px;border-radius:12px;border:1px solid #d9e0cd;background:#f5f6ee}.sg-reliability .sg-eyebrow{margin:0 0 7px;font-size:9px}.sg-reliability h4{font-size:15px}.sg-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:18px}.sg-example-grid figure{margin:0}.sg-bars{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:10px;height:85px;padding:0 12px;border-bottom:1px solid #c9d4bd}.sg-bars span{z-index:1;display:block;flex:1;max-width:49px;height:var(--sg-height);border-radius:4px 4px 0 0;background:#648555}.sg-bars .is-short{background:#c3a77d}.sg-bars i{position:absolute;z-index:2;left:0;right:0;bottom:83.3333%;border-top:1px dashed #6f8063}.sg-example-grid figcaption{padding-top:11px}.sg-example-grid figcaption strong{display:block;font-size:12px}.sg-example-grid figcaption span{display:block;margin-top:4px;color:#6a775f;font-size:10px}.sg-reliability>p{margin-top:17px;font-size:10px;color:#6a755f}.sg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:0;list-style:none;counter-reset:sg-steps}.sg-steps li{counter-increment:sg-steps;font-size:11px}.sg-steps li:before{content:counter(sg-steps,decimal-leading-zero);display:block;margin-bottom:9px;color:#8a9c78;font-size:18px;font-weight:650}.sg-steps b{display:block;margin-bottom:5px;font-size:11px}
@media(max-width:700px){.summer-guide{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.sg-header{padding:22px 21px 17px}.sg-header h2{font-size:25px}.sg-header>p{font-size:12px}.sg-kicker{font-size:8px}.sg-actions{gap:5px}.sg-actions button{min-width:31px;height:31px}.sg-nav{padding:9px 15px;gap:1px}.sg-nav button{padding:7px 8px;font-size:10px}.sg-scroll{padding:0 21px 8px}.sg-section{padding:24px 0}.sg-section h3{font-size:19px}.sg-measures{grid-template-columns:1fr;gap:10px}.sg-measures article{display:grid;grid-template-columns:37px minmax(0,1fr);gap:0 13px;padding:15px}.sg-symbol{grid-row:1/4;align-self:start;margin:0}.sg-measures .sg-card-kicker{grid-column:2;font-size:8px}.sg-measures h4{grid-column:2;font-size:16px;margin-bottom:3px}.sg-measures article>p:not(.sg-card-kicker),.sg-card-rule{grid-column:2}.sg-measures article p{font-size:11px}.sg-card-rule{margin-top:10px;font-size:9px}.sg-formula{padding:17px;gap:14px}.sg-formula p b{font-size:11px}.sg-formula>strong{font-size:36px}.sg-formula p{font-size:10px}.sg-formula>strong small{font-size:9px}.sg-flow{grid-template-columns:1fr;gap:7px;margin-bottom:21px}.sg-flow>div{padding:13px 15px}.sg-flow>div span{margin-bottom:5px;font-size:8px}.sg-flow>div p{margin-top:2px}.sg-flow>i{line-height:1;font-size:17px}.sg-flow>i:first-of-type{transform:rotate(90deg)}.sg-columns,.sg-data{grid-template-columns:1fr;gap:20px}.sg-current{padding:18px}.sg-current h4{font-size:17px}.sg-data article{padding:18px}.sg-data{gap:12px}.sg-reliability{padding:18px}.sg-example-grid{gap:17px}.sg-bars{gap:6px;padding:0 5px;height:75px}.sg-example-grid figcaption strong{font-size:10px}.sg-example-grid figcaption span{font-size:9px}.sg-steps{grid-template-columns:1fr;gap:16px}.sg-steps li{position:relative;padding-left:34px}.sg-steps li:before{position:absolute;left:0;top:1px}.sg-steps b{display:block}.sg-note{padding:15px 17px}.sg-heading{gap:9px}.sg-header h2{max-width:300px}.sg-actions .sg-close{font-size:22px}}
@media(max-width:380px){.sg-header{padding:20px 16px 15px}.sg-header h2{font-size:23px}.sg-scroll{padding:0 16px 7px}.sg-nav{padding:8px 10px}.sg-nav button{padding:7px;font-size:9px}.sg-formula{align-items:flex-start;flex-direction:column}.sg-formula>strong{align-self:flex-end;display:flex;align-items:baseline;gap:6px}.sg-formula>strong small{margin-top:0}}
@media(prefers-reduced-motion:reduce){.sg-scroll{scroll-behavior:auto}}