.sara-guide-shell{max-width:1240px;margin:0 auto;padding:150px 28px 80px;color:#eaf1f3}.sara-guide{--sara-border:rgba(131,205,208,.22);--sara-muted:#b6c8d0;--sara-cyan:#69e2e8;--sara-gold:#edcc78;overflow-wrap:anywhere}.sara-guide *,.sara-brief *{box-sizing:border-box}.sara-guide figure,.sara-brief figure{margin:0}.sara-guide h1{font-size:clamp(30px,4.2vw,58px);line-height:1.13;letter-spacing:-.035em;margin:18px 0 24px;text-wrap:balance}.sara-guide h2{font-size:clamp(23px,2.4vw,32px);line-height:1.3;letter-spacing:-.02em;margin:8px 0 20px;text-wrap:balance}.sara-guide p{font-size:16px;line-height:1.9;color:var(--sara-muted);margin:0 0 18px}.sara-guide p:last-child{margin-bottom:0}.sara-guide .sara-eyebrow{color:var(--sara-gold);font-size:13px;font-weight:650;letter-spacing:.06em}.sara-guide .sara-lead{font-size:clamp(17px,1.8vw,21px);line-height:1.75}.sara-guide-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr);gap:48px;align-items:center;padding:42px;border:1px solid var(--sara-border);border-radius:28px;background:linear-gradient(135deg,#0a1d27f7,#030c12ed);box-shadow:0 22px 65px #0004}.sara-guide-hero figure{max-width:340px;justify-self:center}.sara-guide img,.sara-brief-image img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:16px;background:#041325}.sara-guide figcaption,.sara-brief figcaption{font-size:13px;line-height:1.6;color:#b6c8d0;padding:14px 4px 0}.sara-guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.sara-guide .btn,.sara-brief .btn{white-space:normal;text-align:center;min-height:44px;line-height:1.5;max-width:100%}.sara-guide .btn-primary{background:linear-gradient(180deg,#f1d583,#d7b14d);color:#151308;border-color:#dabc6a}.sara-reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;margin-top:48px;align-items:start}.sara-toc{position:sticky;top:110px;padding:24px;border:1px solid var(--sara-border);border-radius:20px;background:#051117f0}.sara-toc strong{display:block;font-size:15px;color:var(--sara-gold);margin-bottom:16px}.sara-toc ol{margin:0;padding-inline-start:20px;color:#7f9ca8}.sara-toc li{padding:6px 0}.sara-toc a{display:block;color:#beced4;font-size:13px;line-height:1.65;text-decoration:none}.sara-toc a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.sara-topic{padding:32px 36px;margin-bottom:18px;border:1px solid var(--sara-border);border-radius:22px;background:#06131af0;scroll-margin-top:110px}.sara-number{color:var(--sara-cyan);font-size:12px;letter-spacing:.16em;font-weight:700}.sara-flow{padding-inline-start:24px;color:#dce8ec;line-height:1.9}.sara-flow li{padding:4px 0}.sara-screens{margin-top:50px;scroll-margin-top:110px}.sara-screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:24px}.sara-screen-grid figure{padding:10px 10px 18px;border:1px solid var(--sara-border);border-radius:20px;background:#07151ee8}.sara-screen-grid a{display:block;border-radius:14px}.sara-screen-grid img{border-radius:12px}.sara-summary{margin-top:48px;padding:36px 42px;border:1px solid #ddbf6555;border-radius:24px;background:linear-gradient(120deg,#252219e8,#07171fef)}.sara-summary p{font-size:clamp(18px,2vw,25px);color:#f0dfb4;line-height:1.7}.sara-guide :focus-visible,.sara-brief :focus-visible{outline:3px solid #74eaf0;outline-offset:5px}.sara-brief-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center;margin-top:20px}.sara-brief-image{max-width:230px;justify-self:center}.sara-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;text-align:start}.sara-mode-grid>div{padding:18px;border:1px solid #79ccdb33;border-radius:16px;background:#081e28b8;min-width:0}.sara-mode-grid strong{display:block;color:#dbeced;font-size:15px;line-height:1.6;margin-bottom:9px}.sara-mode-grid span{display:block;color:#b2c5cc;font-size:13px;line-height:1.75}#sara-explained .sara-brief h2{font-size:clamp(30px,3.8vw,48px)!important;line-height:1.14!important;letter-spacing:-.025em}#sara-explained .sara-brief{text-align:start}.sara-guide[dir=rtl] h1,.sara-guide[dir=rtl] h2,.sara-guide[dir=rtl] .sara-eyebrow{letter-spacing:normal}.sara-guide[lang=th] h1,.sara-guide[lang=th] h2{line-height:1.5;letter-spacing:normal;word-break:normal;overflow-wrap:break-word}@media(max-width:1000px){.sara-guide-shell{padding:124px 22px 60px}.sara-reading-layout{grid-template-columns:1fr;gap:22px}.sara-toc{position:static}.sara-toc ol{columns:2;column-gap:30px}.sara-toc li{break-inside:avoid}.sara-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sara-guide-hero{gap:28px;padding:28px}.sara-brief-grid{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.sara-mode-grid{grid-template-columns:1fr}.sara-brief-image{max-width:180px}}@media(max-width:620px){.sara-guide-shell{padding:105px 16px 48px}.sara-guide-hero{grid-template-columns:1fr;padding:24px 20px;gap:28px;border-radius:22px}.sara-guide-hero figure{width:100%;max-width:280px}.sara-guide h1{font-size:32px}.sara-guide h2{font-size:24px}.sara-guide p{font-size:15px;line-height:1.85}.sara-toc ol{columns:1}.sara-topic{padding:25px 22px}.sara-reading-layout{margin-top:26px}.sara-guide-actions{flex-direction:column;align-items:stretch}.sara-screen-grid{gap:14px}.sara-screen-grid figcaption{font-size:12px}.sara-summary{padding:28px 22px}.sara-brief-grid{grid-template-columns:1fr;gap:20px}.sara-brief-image{width:100%;max-width:200px}.sara-mode-grid>div{padding:14px}.sara-mode-grid{gap:10px;margin-top:16px}.sara-brief figcaption{font-size:11px}}@media(max-width:380px){.sara-screen-grid{grid-template-columns:1fr}.sara-guide h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.sara-guide *,.sara-brief *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}#storyApp[data-enhanced=true] .story-slide[data-key=home] .story-card{opacity:1;transform:none;filter:none;transition:none}#storyApp[data-enhanced=true] .story-slide[data-key=home] .story-card :is(h1,p,.story-kicker,.story-actions,.story-chips){animation:none}#sara-explained .sara-brief{overflow-y:auto!important;overscroll-behavior-y:auto}#sara-explained .sara-brief-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;margin-top:12px}#sara-explained .sara-brief-copy{align-self:center;max-width:440px}#sara-explained .sara-brief-copy p{max-width:40ch}#sara-explained .sara-brief-image{width:100%;max-width:480px;justify-self:center}#sara-explained .sara-brief-image-link{display:block;padding:8px;border:1px solid rgba(236,193,71,.32);border-radius:18px;background:#061012;box-shadow:0 18px 46px #0000004d}#sara-explained .sara-brief-image img{aspect-ratio:864/938;object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:51vh;max-height:51svh;background:#061012}#sara-explained .sara-brief-image figcaption{font-size:11px;line-height:1.5;color:#c5c9bd;text-align:center;padding-top:10px}#sara-explained .story-actions{margin-top:24px}@media(max-width:760px){#sara-explained .sara-brief-grid{grid-template-columns:1fr;gap:22px}#sara-explained .sara-brief-copy{max-width:none}#sara-explained .sara-brief-image{max-width:480px}#sara-explained .sara-brief-image img{max-height:none}#sara-explained .story-actions{margin-top:18px}#sara-explained .sara-brief-image-link{border-radius:14px;padding:5px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/gfg-sara-guide.css.map */
