/* SLOT88 SLOT GUIDE SINGLE TEMPLATE v1.4 | Scoped visual system */
.s88ga-main,.s88ga-main *,.s88ga-main *::before,.s88ga-main *::after{box-sizing:border-box}
.s88ga-main{
 --ga-bg:#090f11;--ga-panel:#111b1f;--ga-panel2:#172126;--ga-line:#324045;
 --ga-white:#f0f3ef;--ga-silver:#c2cece;--ga-muted:#94a9ab;
 --ga-lime:#d5ff43;--ga-gold:#d6b77b;--ga-gold2:#a48451;
 font-family:Pretendard,'Noto Sans KR','Apple SD Gothic Neo',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
 font-size:15px;line-height:1.78;color:var(--ga-white);background:var(--ga-bg)!important;
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 overflow:clip;isolation:isolate;overflow-wrap:anywhere;
}
.s88ga-main :where(h1,h2,h3,h4,p,figure,ul,ol){margin:0}
.s88ga-main a{color:inherit;text-decoration:none}
.s88ga-main a:focus-visible,.s88ga-main button:focus-visible{outline:2px solid var(--ga-lime);outline-offset:4px}
.s88ga-main img{max-width:100%;height:auto}
.s88ga-main .s88ga-shell{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0 0 86px!important}
.s88ga-reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:transparent;z-index:9900;pointer-events:none}
.s88ga-reading-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ga-gold),var(--ga-lime));box-shadow:0 0 18px rgba(213,255,67,.7);transform-origin:left}

/* Hero v1.4: post featured image across the full banner; graceful no-image fallback. */
.s88ga-main .s88ga-hero{
 position:relative;isolation:isolate;overflow:hidden;
 /* Smaller, centered hero; keep the original 1600:700 artwork aspect ratio on desktop. */
 width:min(1200px,calc(100% - 32px))!important;max-width:1200px!important;
 height:auto;aspect-ratio:16/7;min-height:0;display:flex;flex-direction:column;justify-content:center;
 padding:24px 32px 29px!important;margin:20px auto 0!important;
 border:1px solid rgba(215,192,139,.16);border-radius:7px;
 background:radial-gradient(ellipse at 83% 39%,rgba(166,140,77,.15) 0%,transparent 40%),
 linear-gradient(135deg,#172022 0%,#0d1619 53%,#080e11 100%);
}
.s88ga-main .s88ga-hero-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.s88ga-main .s88ga-hero-background>img{
 display:block;width:100%;height:100%!important;max-width:none!important;
 object-fit:cover;object-position:center center;
}
/* Hero v1.4: slightly stronger overlay, preserving artwork details.
   Right side effective black: 1-(1-.30)*(1-.35)=54.5% (v1.3 48.2%).
   Left text zone: 1-(1-.74)*(1-.35)=83.1% (v1.3 80.4%). */
.s88ga-main .s88ga-hero-background::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(3,7,9,.74) 0%,rgba(3,7,9,.68) 30%,rgba(3,7,9,.44) 48%,rgba(3,7,9,.30) 68%,rgba(3,7,9,.30) 100%),rgba(0,0,0,.35);
}
.s88ga-hero::before{
 content:"";position:absolute;inset:0;z-index:1;opacity:.08;pointer-events:none;
 background:repeating-linear-gradient(90deg,transparent 0 53px,rgba(225,200,144,.19) 54px 55px,transparent 56px 108px);
}
.s88ga-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;z-index:2;background:linear-gradient(90deg,transparent 0%,rgba(213,255,67,.22) 48%,transparent 100%);pointer-events:none}
.s88ga-breadcrumb{position:relative;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:#c3d1d0;margin:0 0 24px!important;line-height:1.55;text-shadow:0 2px 9px #000}
.s88ga-breadcrumb a{transition:color .16s;color:#bccac8}.s88ga-breadcrumb a:hover{color:var(--ga-lime)}
.s88ga-breadcrumb .sep{color:#89999c}.s88ga-breadcrumb [aria-current]{color:#e2eae6;font-weight:650}
.s88ga-main .s88ga-hero-grid{position:relative;z-index:3;display:block;max-width:1240px;width:100%;margin:0 auto!important;min-width:0}
.s88ga-main .s88ga-hero-copy{padding:0;max-width:790px;min-width:0}
.s88ga-eyebrow{display:flex;align-items:center;gap:9px;color:#d1dbb7;font-weight:800;font-size:10px;letter-spacing:.15em;line-height:1.6;text-shadow:0 2px 8px #000}
.s88ga-eyebrow-mark{color:var(--ga-lime);font-size:15px;line-height:1}
.s88ga-eyebrow-line{width:36px;height:1px;background:#b2bd8a;opacity:.64}
.s88ga-tax-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(14,23,22,.81);color:#e5edc7;border:1px solid rgba(207,227,151,.49);padding:4px 10px;font-size:10px;font-weight:770;letter-spacing:.01em;margin-top:13px}
.s88ga-tax-tag::before{content:"";width:5px;height:5px;background:var(--ga-lime);transform:rotate(45deg)}
.s88ga-hero-copy .wp-block-post-title.s88ga-title{font-size:clamp(33px,3.4vw,49px)!important;font-weight:840;line-height:1.2!important;letter-spacing:-.056em!important;color:#fff!important;margin:12px 0 11px!important;max-width:820px;word-break:keep-all;text-shadow:0 3px 20px rgba(0,0,0,.86)}
.s88ga-deck{font-size:14px;line-height:1.68;color:#d8e2de;max-width:670px;margin:0 0 10px!important;word-break:keep-all;text-shadow:0 2px 12px rgba(0,0,0,.88)}
.s88ga-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;color:#cedad5;font-size:11px;line-height:1.6;margin-top:10px;text-shadow:0 2px 8px #000}
.s88ga-byline span{display:inline-flex;align-items:center;gap:7px}
.s88ga-byline span+span::before{content:"";height:12px;width:1px;background:#687573;display:inline-block;margin-right:3px}
.s88ga-byline b{color:#f0f4ef;font-weight:700}

/* The actual post content is dynamic: no article body exists in the template. */
.s88ga-main .s88ga-content-grid{width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important;margin:43px auto 0!important;display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:28px;align-items:start}
.s88ga-main .s88ga-story{min-width:0;overflow:hidden;background:linear-gradient(180deg,#141f22 0,#0e171b 260px,#10191c 100%);border:1px solid #344449;border-radius:7px;box-shadow:0 20px 55px rgba(0,0,0,.10);padding:0!important}
.s88ga-story-top{display:flex;align-items:center;gap:11px;padding:16px 31px;color:#92ab9f;font-size:10px;font-weight:780;letter-spacing:.15em;border-bottom:1px solid #2f3d40;background:#162225}
.s88ga-story-top-icon{font-size:17px;color:var(--ga-gold);line-height:1}
.s88ga-story-top-rule{flex:1;height:1px;background:#3a4848;min-width:8px}
.s88ga-story-top a{font-size:10px;color:var(--ga-lime);font-weight:700;letter-spacing:0;white-space:nowrap}
.s88ga-main .s88ga-prose{max-width:none!important;width:100%!important;margin:0!important;padding:33px 37px 49px!important;min-width:0;color:#c9d5d3;font-size:15px;line-height:2.0;word-break:keep-all}
.s88ga-prose :where(p,ul,ol,table,figure,blockquote,pre,details){margin-block:0 1.35em!important}
.s88ga-prose :where(p,li){color:#c6d1ce}
.s88ga-prose p + p{margin-top:12px!important}
.s88ga-prose a{color:var(--ga-lime);text-underline-offset:3px;text-decoration:underline;text-decoration-color:rgba(213,255,67,.4)}
.s88ga-prose a:hover{text-decoration-color:var(--ga-lime)}
.s88ga-prose :where(h2,h3,h4){color:#f4f6f0!important;font-family:inherit!important;line-height:1.35!important;letter-spacing:-.05em!important;word-break:keep-all;scroll-margin-top:100px}
.s88ga-prose h2{font-size:clamp(23px,2.1vw,29px)!important;padding:28px 0 16px!important;margin:42px 0 21px!important;border-bottom:1px solid #405152;position:relative}
.s88ga-prose h2:before{content:"";display:block;position:absolute;bottom:-1px;left:0;width:38px;height:2px;background:var(--ga-lime)}
.s88ga-prose h2:first-child{margin-top:0!important;padding-top:0!important}
.s88ga-prose h3{font-size:20px!important;margin:32px 0 13px!important}
.s88ga-prose h4{font-size:17px!important;margin:26px 0 12px!important}
.s88ga-prose strong{color:#eff4ea;font-weight:770}
.s88ga-prose :where(ul,ol){padding-left:1.6em!important}
.s88ga-prose li{padding-left:.15em;margin:.44em 0}
.s88ga-prose li::marker{color:var(--ga-gold)}
.s88ga-prose :where(img,video,iframe){max-width:100%}
.s88ga-prose :where(figure.wp-block-image,figure.wp-block-gallery){margin:26px 0 34px!important}
.s88ga-prose :where(figure.wp-block-image img,.wp-block-image img){border-radius:5px}
.s88ga-prose figcaption{color:#9aabaa;font-size:12px;text-align:center;margin-top:9px}
.s88ga-prose :where(table,.wp-block-table table){border-collapse:collapse;width:100%;margin:22px 0 28px;font-size:13px;line-height:1.72;background:#0b1417}
.s88ga-prose :where(table th,table td){border:1px solid #405153;padding:13px 15px;vertical-align:top;text-align:left}
.s88ga-prose :where(table th){color:#e4ecdd;background:#1b2a2b;font-weight:760}
.s88ga-prose :where(table td){color:#c2ceca}
.s88ga-prose :where(.wp-block-table){overflow-x:auto;max-width:100%}
.s88ga-prose :where(blockquote,.wp-block-quote){border-left:3px solid var(--ga-gold)!important;background:linear-gradient(90deg,#23302c,#182124);padding:21px 24px!important;border-radius:0 5px 5px 0;color:#e1e8dc;font-size:15px}
.s88ga-prose :where(blockquote p,.wp-block-quote p){margin:0!important;color:#e1e8dc}
.s88ga-prose .is-style-slot88-keypoint{border-left-color:var(--ga-lime)!important;background:radial-gradient(ellipse at 100% 0,rgba(213,255,67,.10),transparent 50%),#1b2825;box-shadow:inset 0 0 0 1px #40533a}
.s88ga-prose .is-style-slot88-note{background:#1a2729!important;border:1px solid #4b5d57;padding:20px 23px!important;border-radius:4px}
.s88ga-prose code{padding:2px 5px;border-radius:3px;font-family:ui-monospace,monospace;background:#243033;color:#e7f7b7;font-size:.88em}
.s88ga-prose pre{padding:18px;background:#0b1216;overflow-x:auto;border:1px solid #324348;border-radius:4px}
.s88ga-prose pre code{padding:0;background:none;color:#e6eae8}
.s88ga-prose :where(details,.wp-block-details){padding:0!important;border:1px solid #405052;background:#162124;border-radius:4px;overflow:hidden}
.s88ga-prose :where(details summary,.wp-block-details summary){display:block;position:relative;cursor:pointer;padding:18px 44px 18px 19px;font-weight:730;color:#eaf1e8;list-style:none;line-height:1.65}
.s88ga-prose details summary::-webkit-details-marker{display:none}
.s88ga-prose details summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--ga-lime);font-size:20px;font-weight:400}
.s88ga-prose details[open] summary::after{content:"−"}
.s88ga-prose details[open] summary{border-bottom:1px solid #405052}
.s88ga-prose details > :not(summary){margin:0!important;padding:13px 19px 18px!important;color:#b9c8c6;font-size:14px;line-height:1.85}
.s88ga-prose :where(hr,.wp-block-separator){border:0;border-top:1px solid #435153;background:transparent;margin:34px 0!important}
.s88ga-prose .wp-block-buttons{margin:25px 0}
.s88ga-prose .wp-block-button__link{color:#172011!important;background:var(--ga-lime)!important;text-decoration:none;border-radius:3px;padding:12px 18px;font-weight:800;font-size:13px}
.s88ga-story-bottom{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;padding:23px 31px;background:#1b2828;border-top:1px solid #44514c}
.s88ga-story-bottom-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #596643;border-radius:50%;color:var(--ga-lime);font-size:18px}
.s88ga-story-bottom strong{font-size:15px;color:#eaf1e9;font-weight:800}
.s88ga-story-bottom p{font-size:11px;color:#a6b7b5;margin:3px 0 0!important;line-height:1.65}
.s88ga-story-bottom>a{background:var(--ga-lime);color:#142019!important;border-radius:3px;padding:12px 15px;font-size:11px;font-weight:820;white-space:nowrap}

/* Sticky table of contents and related tools. */
.s88ga-main .s88ga-rail{min-width:0}
.s88ga-main .s88ga-sticky{position:sticky;top:85px;display:grid;gap:14px}
.s88ga-toc{background:#172225;border:1px solid #384b4a;border-radius:5px;padding:23px 21px 22px}
.s88ga-toc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid #3a4c4a}
.s88ga-toc-eyebrow{color:var(--ga-gold);font-size:9px;letter-spacing:.16em;font-weight:850}
.s88ga-toc-head b{color:#f0f3e7;font-size:15px;letter-spacing:-.035em}
.s88ga-toc .s88ga-toc-links{display:grid;gap:1px;margin-top:13px}
.s88ga-toc-links a{display:block;padding:9px 5px 9px 13px;border-left:2px solid transparent;color:#aebfbb;font-size:12px;line-height:1.55;transition:border-color .18s,background .18s,color .18s;word-break:keep-all}
.s88ga-toc-links a:hover,.s88ga-toc-links a.is-current{color:#e9f4d1;border-left-color:var(--ga-lime);background:#25312c}
.s88ga-toc-links a.level-3{padding-left:25px;font-size:11px;color:#8fa4a0}
.s88ga-toc-empty{color:#91a5a3;font-size:12px;line-height:1.7;margin-top:14px}
.s88ga-main .s88ga-mobile-toc{display:none}
.s88ga-rail-box{background:radial-gradient(ellipse at 80% 10%,rgba(197,179,113,.1),transparent 48%),#111b1e;border:1px solid #334443;border-radius:5px;padding:22px 21px}
.s88ga-mini-eyebrow{font-size:9px;letter-spacing:.16em;color:var(--ga-gold);font-weight:780}
.s88ga-rail-box h3{font-size:19px;color:#f2f5f1!important;letter-spacing:-.03em!important;margin:10px 0 11px!important}
.s88ga-rail-box p{font-size:12px;color:#9eb3af;line-height:1.8}
.s88ga-rail-box a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #354641;margin-top:17px;padding-top:13px;font-size:12px;font-weight:800;color:var(--ga-lime)}

/* Navigation / automatic related posts. */
.s88ga-main .s88ga-after{width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important;margin:38px auto 0!important;display:grid;gap:36px}
.s88ga-prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.s88ga-next-card{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:110px;padding:23px;background:#141f22;border:1px solid #374849;border-radius:5px;transition:border-color .2s,transform .2s}
.s88ga-next-card:hover{border-color:#9cae6c;transform:translateY(-2px)}
.s88ga-next-card .direction{color:var(--ga-gold);font-size:10px;font-weight:770;letter-spacing:.1em}
.s88ga-next-card strong{color:#ebf1ec;font-size:15px;line-height:1.45;letter-spacing:-.02em}
.s88ga-next-card.next{text-align:right}
.s88ga-related-head{display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid #45534f;padding-bottom:19px;margin-bottom:19px}
.s88ga-related-head small{font-size:10px;letter-spacing:.15em;color:var(--ga-gold);font-weight:840}
.s88ga-related-head h2{font-size:24px;color:#f0f5eb!important;margin:7px 0 0!important;letter-spacing:-.04em!important}
.s88ga-related-head a{color:var(--ga-lime);font-size:12px;font-weight:800;white-space:nowrap}
.s88ga-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.s88ga-related-card{background:#151f22;border:1px solid #344447;min-width:0;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.s88ga-related-card:hover{transform:translateY(-3px);border-color:#a0bd64}
.s88ga-related-cover{aspect-ratio:16/9;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 75% 30%,rgba(206,189,117,.16),transparent 38%),linear-gradient(125deg,#253232,#111a1c);overflow:hidden}
.s88ga-related-cover img{display:block;width:100%;height:100%;object-fit:cover}
.s88ga-related-cover:has(img)::before{display:none}
.s88ga-related-cover:before{content:"✧";font-size:43px;color:rgba(211,192,132,.55)}
.s88ga-related-copy{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.s88ga-related-tag{font-size:10px;font-weight:770;letter-spacing:.09em;color:var(--ga-lime)}
.s88ga-related-copy strong{font-size:16px;line-height:1.55;color:#eef3ed;letter-spacing:-.03em;word-break:keep-all}
.s88ga-related-copy p{color:#9fb0b0;font-size:12px;line-height:1.65;word-break:keep-all}
.s88ga-related-arrow{color:var(--ga-lime);font-size:18px;margin-top:auto;align-self:flex-end}
.s88ga-library-back{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #344649;padding:18px 0 0}
.s88ga-library-back a{font-size:12px;font-weight:780;color:#c5d3c5}
.s88ga-library-back a:hover{color:var(--ga-lime)}

@media(max-width:1100px){
 .s88ga-main .s88ga-hero{padding-left:24px!important;padding-right:24px!important}
 .s88ga-main .s88ga-content-grid{grid-template-columns:minmax(0,1fr) 235px;gap:18px}
 .s88ga-main .s88ga-prose{padding:28px 28px 42px!important}
}
@media(max-width:800px){
 .s88ga-main .s88ga-content-grid{width:calc(100% - 32px)!important;display:block;margin-top:25px!important}
 .s88ga-main .s88ga-after{width:calc(100% - 32px)!important;margin-top:25px!important}
 .s88ga-main .s88ga-rail{display:none}
 .s88ga-main .s88ga-mobile-toc{display:block;margin:22px 26px 0!important}
 .s88ga-main .s88ga-mobile-toc .s88ga-toc{padding:17px 18px}
 .s88ga-main .s88ga-mobile-toc .s88ga-toc-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
 .s88ga-main .s88ga-hero{height:auto;min-height:clamp(300px,42vw,360px);padding-top:20px!important;padding-bottom:24px!important}
 .s88ga-breadcrumb{margin-bottom:20px!important}
 .s88ga-main .s88ga-hero-grid{display:block}
}
@media(max-width:600px){
 .s88ga-main .s88ga-hero-background>img{object-position:74% 50%}
 /* Hero v1.4 mobile: extra shading to protect title over cropped portraits.
    Right side effective black 1-(1-.54)*(1-.38)=71.5% (v1.3 65.3%). */
 .s88ga-main .s88ga-hero-background::after{background:linear-gradient(90deg,rgba(3,7,9,.86) 0%,rgba(3,7,9,.77) 42%,rgba(3,7,9,.66) 70%,rgba(3,7,9,.54) 100%),rgba(0,0,0,.38)}
 .s88ga-main .s88ga-hero{width:calc(100% - 20px)!important;height:auto;min-height:clamp(300px,75vw,365px);padding:15px 17px 20px!important;margin-top:10px!important}
 .s88ga-breadcrumb{gap:6px;font-size:10px;margin-bottom:19px!important}
 .s88ga-main .s88ga-hero-grid{width:100%;max-width:none}
 .s88ga-main .s88ga-hero-copy{padding:0}
 .s88ga-eyebrow{font-size:9px;letter-spacing:.12em}
 .s88ga-tax-tag{margin-top:10px}
 .s88ga-hero-copy .wp-block-post-title.s88ga-title{font-size:clamp(28px,7.4vw,36px)!important;margin:12px 0 9px!important}
 .s88ga-deck{font-size:12px;line-height:1.6;margin-bottom:8px!important}
 .s88ga-byline{font-size:10px;gap:7px 11px;margin-top:9px}
 .s88ga-main .s88ga-content-grid,.s88ga-main .s88ga-after{width:calc(100% - 20px)!important}
 .s88ga-main .s88ga-story{border-radius:4px}
 .s88ga-story-top{padding:13px 16px;font-size:9px;gap:7px}
 .s88ga-story-top a{font-size:9px}
 .s88ga-main .s88ga-mobile-toc{margin:14px 15px 0!important}
 .s88ga-main .s88ga-mobile-toc .s88ga-toc-links{grid-template-columns:1fr}
 .s88ga-main .s88ga-prose{padding:24px 17px 38px!important;font-size:14px;line-height:1.9}
 .s88ga-prose h2{font-size:23px!important;margin:28px 0 15px!important;padding:18px 0 12px!important}
 .s88ga-prose h3{font-size:19px!important}
 .s88ga-prose :where(table,.wp-block-table table){font-size:12px}
 .s88ga-prose :where(table th,table td){padding:9px 10px}
 .s88ga-story-bottom{grid-template-columns:30px minmax(0,1fr);padding:17px;gap:11px}
 .s88ga-story-bottom-icon{width:30px;height:30px;font-size:15px}
 .s88ga-story-bottom>a{grid-column:1/-1;text-align:center}
 .s88ga-prevnext{gap:8px}
 .s88ga-next-card{padding:15px;min-height:102px}
 .s88ga-next-card strong{font-size:12px}
 .s88ga-next-card .direction{font-size:9px}
 .s88ga-related-head h2{font-size:21px}
 .s88ga-related-grid{grid-template-columns:1fr}
 .s88ga-related-card{flex-direction:row;min-height:115px}
 .s88ga-related-cover{aspect-ratio:auto;flex:0 0 35%;min-height:116px}
 .s88ga-related-copy{padding:12px 13px;gap:5px}
 .s88ga-related-copy strong{font-size:13px;line-height:1.4}
 .s88ga-related-copy p{font-size:10px}
 .s88ga-related-arrow{font-size:14px}
 .s88ga-library-back a{font-size:11px}
}
@media(max-width:340px){.s88ga-eyebrow{letter-spacing:.045em}.s88ga-hero-copy .wp-block-post-title.s88ga-title{font-size:28px!important}.s88ga-prevnext{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.s88ga-main *{scroll-behavior:auto!important;transition:none!important}}