.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft{
font-family:var(--spd-sans); font-size:14px; line-height:1.5; letter-spacing:-0.2px;
color:var(--spd-text); word-break:keep-all; box-sizing:border-box;
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) *,
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) *::before,
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) *::after{ box-sizing:border-box; }
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) a,
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) a:visited,
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) a:hover,
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) a:active{ color:inherit; text-decoration:none; background-color:transparent; }
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) button{
font:inherit; letter-spacing:inherit; color:inherit; background:none; border:0; border-radius:0;
padding:0; margin:0; cursor:pointer; white-space:nowrap; text-transform:none;
-webkit-appearance:none; appearance:none; width:auto; line-height:inherit; text-decoration:none;
} :is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) :is(a, button),
.spdc-ft a.spdc-mk img{ transition:color .15s ease, background-color .15s ease, border-color .15s ease, opacity .15s ease; }
@media (prefers-reduced-motion:reduce){ :is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) :is(a, button), .spdc-ft a.spdc-mk img{ transition:none; } } :is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) button:hover,
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) button:focus{ color:inherit; background-color:transparent; text-decoration:none; }
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) :is(ul, ol, li){ list-style:none; margin:0; padding:0; }
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) :is(p, h2){ margin:0; }
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) img{ display:block; max-width:100%; border:0; }
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) em{ font-style:normal; }
:is(.spdc-top, .spdc-hd, .spdc-nav, .spdc-ft) :is(a, button, summary):focus-visible{
outline:2px solid var(--spd-brand); outline-offset:2px; box-shadow:none;
}
.spdc-top a:focus-visible{ outline-color:#FFFFFF; }
.spdc-wrap{ max-width:1240px; margin:0 auto; padding:0 20px; }
.spdc-ico{ width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } a.spdc-skip{
position:absolute; left:-9999px; top:8px; z-index:1000;
padding:10px 14px; border-radius:8px; background:var(--spd-text); color:#FFFFFF;
font-family:var(--spd-sans); font-size:14px; font-weight:600; text-decoration:none;
}
a.spdc-skip:focus, a.spdc-skip:focus-visible{ left:8px; color:#FFFFFF; outline:2px solid var(--spd-brand); outline-offset:2px; }
.spdc-main-anchor{ display:block; height:0; outline:0; } .spdc-when-in, .spdc-when-out{ display:contents; }
html:not(.spdc-li) body .spdc-when-in, html.spdc-li body .spdc-when-out{ display:none; } .spdc-top{ background:var(--spd-text); color:#FFFFFF; font-size:13px; }
.spdc-top .spdc-wrap{ display:flex; align-items:center; gap:10px; height:36px; }
.spdc-top b{ font-weight:700; color:#FFFFFF; letter-spacing:-0.2px; }
.spdc-top .spdc-wrap > a{ margin-left:auto; color:var(--spd-text-4); font-size:12px; flex:none; }
.spdc-top .spdc-wrap > a:hover{ color:#FFFFFF; } .spdc-hd{ background:#FFFFFF; }
.spdc-hd .spdc-r1{ display:flex; align-items:center; height:76px; gap:24px; }
.spdc-hd .spdc-logo{ display:flex; align-items:center; flex:none; }
.spdc-hd .spdc-logo img{ height:30px; width:auto; }
.spdc-hd .spdc-util{ margin-left:auto; display:flex; align-items:center; gap:6px; font-size:13px; color:var(--spd-text-2); }
.spdc-hd .spdc-bsm{
display:inline-flex; align-items:center; height:32px; padding:0 12px; border-radius:8px;
font-size:13px; font-weight:600; border:1px solid var(--spd-line); color:var(--spd-text); background:#FFFFFF;
}
.spdc-hd .spdc-bsm:hover{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdc-hd .spdc-bsm.spdc-on{ background:var(--spd-brand); border-color:var(--spd-brand); color:#FFFFFF; }
.spdc-hd .spdc-bsm.spdc-on:hover{ background:var(--spd-brand-dark); border-color:var(--spd-brand-dark); color:#FFFFFF; }
.spdc-hd .spdc-ibtn, .spdc-nav .spdc-ibtn{
width:36px; height:32px; display:inline-flex; align-items:center; justify-content:center;
border:1px solid var(--spd-line); border-radius:8px; color:var(--spd-text);
}
.spdc-hd .spdc-ibtn:hover, .spdc-nav .spdc-ibtn:hover{ background:var(--spd-bg-soft); color:var(--spd-text); } .spdc-hd .spdc-lang{ position:relative; z-index:102; }
.spdc-hd .spdc-lang-b{ display:inline-flex; align-items:center; gap:5px; height:32px; padding:0 10px; border-radius:8px; font-size:13px; font-weight:500; color:var(--spd-text-2); background:transparent; }
.spdc-hd .spdc-lang-b:focus{ background:transparent; color:var(--spd-text-2); } .spdc-hd .spdc-lang-b:hover, .spdc-hd .spdc-lang-b:focus-visible{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdc-hd .spdc-lang-b[aria-expanded="true"]{ background:var(--spd-text); color:#FFFFFF; }
.spdc-hd .spdc-lang-l{
position:absolute; right:0; top:calc(100% + 6px); z-index:3; min-width:150px; padding:6px 0;
background:#FFFFFF; border:1px solid var(--spd-line); border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.10);
}
.spdc-hd .spdc-lang-l a{ display:block; padding:8px 14px; font-size:13px; color:var(--spd-text); white-space:nowrap; }
.spdc-hd .spdc-lang-l a:hover{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdc-hd .spdc-lang-l a[aria-current="true"]{ color:var(--spd-brand); font-weight:600; }  .spdc-nav{
position:-webkit-sticky; position:sticky; top:0; z-index:100;
background:#FFFFFF; border-bottom:1px solid var(--spd-line);
} body.admin-bar .spdc-nav{ top:32px; }
.spdc-nav .spdc-r2{ display:flex; align-items:flex-end; height:52px; gap:6px; }
.spdc-nav .spdc-r2m{ display:none; }  .spdc-nav .spdc-gnb{ display:flex; margin:0 0 0 -13px; }
.spdc-nav .spdc-gnb li{ position:relative; }
.spdc-nav .spdc-gnb a{ display:block; padding:14px 13px 15px; font-size:15px; font-weight:600; letter-spacing:-0.3px; color:var(--spd-text); }
.spdc-nav .spdc-gnb a:hover, .spdc-nav .spdc-gnb a[aria-current="page"]{ color:var(--spd-brand); } .spdc-nav .spdc-gnb:hover > li > a{ opacity:.5; }
.spdc-nav .spdc-gnb > li:hover > a{ opacity:1; }
.spdc-nav .spdc-gnb li.spdc-ceo-nav a, .spdc-nav .spdc-gnb li.spdcol-nav a{ white-space:nowrap; }  .spdc-nav .spdc-gnb li.spdc-sep{ width:1px; height:18px; margin:0 10px; align-self:center; background:var(--spd-line-2); } .spdc-nav .spdc-gnb li.spdc-has-sub > a{ display:flex; align-items:center; gap:2px; padding-right:9px; }
.spdc-nav .spdc-gnb .spdc-chev{ width:16px; height:16px; stroke-width:2; margin-top:1px; }
.spdc-nav .spdc-gnb .spdc-sub, .spdc-nav .spdc-gnb .spdc-mega{
position:absolute; left:0; top:100%; z-index:3;
background:#FFFFFF; border:1px solid var(--spd-line); border-radius:0 0 8px 8px; box-shadow:0 8px 24px rgba(0,0,0,.10);
opacity:0; visibility:hidden; pointer-events:none; transition:opacity .15s ease;
}
.spdc-nav .spdc-gnb .spdc-sub{ min-width:168px; padding:6px 0; }
.spdc-nav .spdc-gnb li.spdc-has-sub:hover > :is(.spdc-sub, .spdc-mega),
.spdc-nav .spdc-gnb li.spdc-has-sub:focus-within > :is(.spdc-sub, .spdc-mega){ opacity:1; visibility:visible; pointer-events:auto; }
.spdc-nav .spdc-gnb .spdc-sub li{ position:static; }
.spdc-nav .spdc-gnb .spdc-sub a{ display:block; padding:9px 16px; font-size:14px; font-weight:500; letter-spacing:-0.2px; white-space:nowrap; color:var(--spd-text); }
.spdc-nav .spdc-gnb .spdc-sub a:hover{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdc-nav .spdc-gnb .spdc-sub a[aria-current="page"], .spdc-nav .spdc-gnb .spdc-sub a[aria-current="page"]:hover{ color:var(--spd-brand); font-weight:600; }
.spdc-nav .spdc-gnb a[aria-current="true"]{ color:var(--spd-brand); } @media (prefers-reduced-motion:reduce){ .spdc-nav .spdc-gnb :is(.spdc-sub, .spdc-mega){ transition:none; } } .spdc-nav .spdc-gutil{ margin-left:auto; display:flex; gap:6px; margin-bottom:8px; }
.spdc-nav a.spdc-cta, .spdc-nav a.spdc-cta:visited{
display:inline-flex; align-items:center; height:36px; padding:0 16px; border-radius:8px;
background:var(--spd-brand); color:#FFFFFF; font-size:14px; font-weight:600; letter-spacing:-0.2px; white-space:nowrap;
}
.spdc-nav a.spdc-cta:hover{ background:var(--spd-brand-dark); color:#FFFFFF; } .spdc-nav a.spdc-cta2, .spdc-nav a.spdc-cta2:visited{
display:inline-flex; align-items:center; height:36px; padding:0 16px; border:1px solid var(--spd-brand); border-radius:8px;
background:#FFFFFF; color:var(--spd-brand); font-size:14px; font-weight:600; letter-spacing:-0.2px; white-space:nowrap;
}
.spdc-nav a.spdc-cta2:hover, .spdc-nav a.spdc-cta2[aria-current="page"]{ background:var(--spd-brand-faint); color:var(--spd-brand); } .spdc-nav .spdc-gnb .spdc-mega{
width:680px; padding:20px 26px 18px; border-radius:6px;
display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:24px;
}
.spdc-nav .spdc-mp-h{ margin:0 0 6px; font-size:15px; font-weight:700; letter-spacing:-0.2px; color:var(--spd-text); }
.spdc-nav .spdc-mp-h a{ display:inline-flex; align-items:center; min-height:32px; color:inherit; }
.spdc-nav .spdc-mp-h a:hover, .spdc-nav .spdc-mp-h a[aria-current="page"]{ color:var(--spd-brand); }
.spdc-nav .spdc-mega li{ position:static; }
.spdc-nav .spdc-mega li a{ display:block; padding:9px 0; font-size:14px; font-weight:500; letter-spacing:-0.2px; color:var(--spd-text-2); white-space:nowrap; }
.spdc-nav .spdc-mega li a:hover{ color:var(--spd-brand); }
.spdc-nav .spdc-mega li.spdc-dup{ display:none; }  .spdc-ft{ background:var(--spd-bg-soft); margin-top:40px; padding:36px 0 48px; font-size:13px; color:var(--spd-text-2); }
.spdc-ft .spdc-ft-links{ display:flex; flex-wrap:wrap; margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--spd-line); }
.spdc-ft .spdc-ft-links a{ font-weight:600; color:var(--spd-text); padding:0 14px; border-left:1px solid var(--spd-line-2); line-height:14px; }
.spdc-ft .spdc-ft-links a:first-child{ padding-left:0; border-left:0; }
.spdc-ft .spdc-ft-links a:hover{ color:var(--spd-brand); }
.spdc-ft .spdc-ft-links a.spdc-em{ color:var(--spd-text); font-weight:700; }
.spdc-ft .spdc-ft-links a.spdc-em:hover{ color:var(--spd-brand); } .spdc-ft .spdc-ft-body{ display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:32px; }
.spdc-ft .spdc-ft-logo img{ height:22px; width:auto; margin-bottom:16px; }
.spdc-ft .spdc-ft-info span{ display:inline-block; margin-right:14px; line-height:1.9; }
.spdc-ft .spdc-ft-info b{ font-weight:600; color:var(--spd-text); margin-right:6px; }
.spdc-ft .spdc-ft-cs{ background:#FFFFFF; border:1px solid var(--spd-line); border-radius:14px; padding:18px 20px; }
.spdc-ft .spdc-t{ font-size:13px; color:var(--spd-text-3); }
.spdc-ft a.spdc-ft-mail{ display:flex; align-items:center; min-height:40px; font-size:17px; font-weight:700; letter-spacing:-0.3px; color:var(--spd-text); margin:2px 0 4px; } .spdc-ft a.spdc-ft-mail:hover{ color:var(--spd-brand); }
.spdc-ft a.spdc-mk:hover img{ opacity:.8; } .spdc-ft a.spdc-mk{ display:block; width:60px; height:60px; overflow:hidden; border-radius:4px; background:var(--spd-bg); flex:none; }
.spdc-ft a.spdc-mk img{ width:60px; height:60px; font-size:0; color:transparent; }
.spdc-ft .spdc-ft-row{ display:flex; gap:6px; margin-top:12px; }
.spdc-ft .spdc-ft-row a{
flex:1; height:36px; border:1px solid var(--spd-line); border-radius:8px; display:flex; align-items:center; justify-content:center;
font-weight:600; color:var(--spd-text); background:#FFFFFF;
}
.spdc-ft .spdc-ft-row a:hover{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdc-ft .spdc-ft-cert{ display:flex; align-items:center; gap:10px; margin-top:14px; font-size:12px; color:var(--spd-text-2); }
.spdc-ft a.spdc-mk{ display:block; width:60px; height:60px; flex:none; border-radius:8px; overflow:hidden; border:1px solid var(--spd-line); background:#FFFFFF; }
.spdc-ft a.spdc-mk img{ width:60px; height:60px; max-width:none; }
.spdc-ft .spdc-ft-copy{ margin-top:22px; font-size:12px; color:var(--spd-text-2); } html{ scroll-padding-top:calc(var(--spdc-stick, 53px) + 11px); }   body.spd-chrome .e-con.elementor-element-385adba{ --margin-top:0px; margin-top:0; }  .spdc-nav .spdc-r2m{ grid-template-columns:44px minmax(0, 1fr) 44px; align-items:center; height:60px; }
.spdc-nav .spdc-burger{ width:44px; height:44px; margin-left:-8px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; color:var(--spd-text); }
.spdc-nav .spdc-burger:focus{ background:transparent; color:var(--spd-text); } .spdc-nav .spdc-burger:hover, .spdc-nav .spdc-burger:focus-visible{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdc-nav .spdc-burger[aria-expanded="true"]{ background:var(--spd-text); color:#FFFFFF; }
.spdc-nav .spdc-burger-ico{ width:28px; height:28px; stroke-width:1.9; } .spdc-nav .spdc-logo-m{ justify-self:center; display:flex; align-items:center; min-height:44px; }
.spdc-nav .spdc-logo-m img{ height:30px; width:auto; }
.spdc-nav .spdc-r2m .spdc-ibtn{ justify-self:end; width:40px; height:40px; } .spdc-nav .spdc-dw{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:5; visibility:hidden; transition:visibility 0s linear .28s; }
.spdc-nav .spdc-dw.spdc-open{ visibility:visible; transition:none; }
.spdc-nav .spdc-dw-dim{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.4); opacity:0; transition:opacity .28s ease; }
.spdc-nav .spdc-dw.spdc-open .spdc-dw-dim{ opacity:1; }
.spdc-nav .spdc-dw-p{
position:absolute; top:0; bottom:0; left:0; width:100%; max-width:400px; background:#FFFFFF; box-shadow:2px 0 20px rgba(0,0,0,.04);
overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
padding:12px 20px calc(28px + env(safe-area-inset-bottom));
transform:translateX(-100%); transition:transform .28s cubic-bezier(.22,1,.36,1);
}
.spdc-nav .spdc-dw.spdc-open .spdc-dw-p{ transform:translateX(0); }
@media (prefers-reduced-motion:reduce){ .spdc-nav .spdc-dw, .spdc-nav .spdc-dw-dim, .spdc-nav .spdc-dw-p{ transition:none; } }
body.admin-bar .spdc-nav .spdc-dw{ top:32px; } body.spdc-locked{ position:fixed; left:0; right:0; width:100%; overflow-y:scroll; }
body.spdc-menu-open .woot-widget-bubble, body.spdc-menu-open .woot-widget-holder, body.spdc-menu-open #spd-cs-root{ visibility:hidden; }  .spdc-nav .spdc-dw-x{ position:absolute; top:8px; right:8px; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; color:var(--spd-text-2); }
.spdc-nav .spdc-dw-x:focus{ background:transparent; color:var(--spd-text-2); }
.spdc-nav .spdc-dw-x:hover, .spdc-nav .spdc-dw-x:focus-visible{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdc-nav .spdc-dw-x .spdc-ico{ width:22px; height:22px; stroke-width:2; } body.spdc-menu-open #rank-math-analytics-stats-wrapper{ visibility:hidden; }
@media (max-width:600px){ body.admin-bar.spdc-menu-open #wpadminbar{ visibility:hidden; } } .spdc-nav .spdc-dw-auth{ padding:44px 0 24px; }
.spdc-nav .spdc-dw-t{ margin:0 0 20px; font-size:18px; font-weight:700; line-height:1.45; letter-spacing:-0.4px; color:var(--spd-text); }
.spdc-nav a.spdc-dw-btn, .spdc-nav a.spdc-dw-btn:visited{
display:flex; align-items:center; justify-content:center; height:48px; border-radius:10px;
background:var(--spd-brand); color:#FFFFFF; font-size:15px; font-weight:600; letter-spacing:-0.2px;
}
.spdc-nav a.spdc-dw-btn:hover{ background:var(--spd-brand-dark); color:#FFFFFF; } .spdc-nav .spdc-dw-hi{ margin:0 0 16px; font-size:15px; font-weight:500; line-height:1.3; letter-spacing:-0.2px; color:var(--spd-text-3); }
.spdc-nav .spdc-dw-hi-g{ display:block; margin-bottom:4px; font-size:13px; }
.spdc-nav .spdc-dw-hi b{ font-size:18px; font-weight:700; letter-spacing:-0.4px; color:var(--spd-text); margin-right:2px; word-break:break-all; overflow-wrap:anywhere; }  .spdc-nav .spdc-dw-shop{ padding:4px 0 20px; border-top:1px solid var(--spd-line); border-bottom:2px solid var(--spd-line); }
.spdc-nav .spdc-dw-tabs{ display:flex; gap:24px; margin:0 0 12px; overflow-x:auto; scrollbar-width:none; }
.spdc-nav .spdc-dw-tabs::-webkit-scrollbar{ display:none; }
.spdc-nav .spdc-dw-tab{ position:relative; flex:none; min-height:44px; padding:0 0 12px; font-size:18px; font-weight:500; line-height:1; letter-spacing:-0.4px; color:var(--spd-text-3); white-space:nowrap; }
.spdc-nav .spdc-dw-tab::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; border-radius:2px; background:transparent; } .spdc-nav .spdc-dw-tab:focus{ color:var(--spd-text-3); background:transparent; }
.spdc-nav .spdc-dw-tab:hover, .spdc-nav .spdc-dw-tab:focus-visible{ color:var(--spd-text); background:transparent; }
.spdc-nav .spdc-dw-tab[aria-selected="true"], .spdc-nav .spdc-dw-tab[aria-selected="true"]:focus{ color:var(--spd-text); font-weight:700; }
.spdc-nav .spdc-dw-tab[aria-selected="true"]::after{ background:var(--spd-text); }
.spdc-nav .spdc-dw-pane{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:16px; margin:0; }
.spdc-nav .spdc-dw-pane[hidden]{ display:none; } .spdc-nav .spdc-dw-pane a{ display:flex; align-items:center; min-height:44px; font-size:16px; font-weight:500; letter-spacing:-0.3px; color:var(--spd-text-2); }
.spdc-nav .spdc-dw-pane li.spdc-dw-allv a{ font-weight:600; color:var(--spd-text); }
.spdc-nav .spdc-dw-pane a:hover, .spdc-nav .spdc-dw-pane a[aria-current="page"], .spdc-nav .spdc-dw-pane li.spdc-dw-allv a:hover, .spdc-nav .spdc-dw-pane li.spdc-dw-allv a[aria-current="page"]{ color:var(--spd-brand); } .spdc-nav .spdc-dw-menu{ padding:6px 0 8px; }
.spdc-nav .spdc-dw-menu > li > a{ display:flex; align-items:center; min-height:52px; font-size:17px; font-weight:700; letter-spacing:-0.3px; color:var(--spd-text); }
.spdc-nav .spdc-dw-menu > li > a:hover, .spdc-nav .spdc-dw-menu > li > a[aria-current="page"]{ color:var(--spd-brand); } .spdc-nav .spdc-dw-lang{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 18px; padding:8px 0; margin-top:8px; border-top:1px solid var(--spd-line); font-size:14px; }
.spdc-nav .spdc-dw-lang-k{ color:var(--spd-text-3); font-size:13px; flex:none; }
.spdc-nav .spdc-dw-lang a{ display:inline-flex; align-items:center; min-height:40px; white-space:nowrap; color:var(--spd-text); }
.spdc-nav .spdc-dw-lang a:hover{ color:var(--spd-brand); }
.spdc-nav .spdc-dw-lang a[aria-current="true"]{ color:var(--spd-brand); font-weight:600; }
.spdc-nav .spdc-dw-foot{ padding-top:8px; margin-top:8px; border-top:1px solid var(--spd-bg-soft); }
.spdc-nav a.spdc-dw-logout{ display:inline-flex; align-items:center; min-height:40px; font-size:14px; font-weight:500; color:var(--spd-text-3); }
.spdc-nav a.spdc-dw-logout:hover{ color:var(--spd-text); } .spdc-nav .spdc-dw{ display:none; } @media (max-width:1180px){ .spdc-nav .spdc-gnb{ margin-left:-9px; }
.spdc-nav .spdc-gnb a{ padding:14px 9px 15px; font-size:14px; white-space:nowrap; }
.spdc-nav .spdc-gnb li.spdc-has-sub > a{ padding-right:6px; }
.spdc-nav .spdc-gnb li.spdc-sep{ margin:0 6px; }
}
@media (max-width:1099px){ .spdc-nav .spdc-gnb{ margin-left:-7px; }
.spdc-nav .spdc-gnb a{ padding:14px 7px 15px; }
.spdc-nav .spdc-gnb li.spdc-has-sub > a{ padding-right:4px; }
.spdc-nav .spdc-gnb li.spdc-sep{ margin:0 4px; }
.spdc-nav .spdc-gutil a{ padding:0 12px; }
}
@media (max-width:1024px){
.spdc-top .spdc-wrap{ height:32px; font-size:12px; }
.spdc-top .spdc-wrap > a{ display:none; } .spdc-hd{ display:none; }
.spdc-nav .spdc-r2{ display:none; }
.spdc-nav .spdc-r2m{ display:grid; }
.spdc-nav .spdc-dw{ display:block; }
.spdc-ft .spdc-ft-body{ grid-template-columns:minmax(0, 1fr); }
.spdc-ft .spdc-ft-cs{ max-width:480px; } .spdc-ft .spdc-ft-links{ column-gap:22px; padding-bottom:6px; margin-bottom:18px; }
.spdc-ft .spdc-ft-row a{ height:40px; } .spdc-ft .spdc-ft-links a, .spdc-ft .spdc-ft-links a:first-child{ display:inline-flex; align-items:center; min-height:40px; padding:0 8px; margin:0 -8px; border-left:0; line-height:1.4; } } @media (min-width:768px) and (max-width:1024px){
.spdc-ft .spdc-ft-body{ grid-template-columns:minmax(0, 1fr) 300px; }
.spdc-ft .spdc-ft-cs{ max-width:none; }
}
@media (max-width:782px){
body.admin-bar .spdc-nav{ top:46px; }
body.admin-bar .spdc-nav .spdc-dw{ top:46px; }
} @media (max-width:1024px) and (max-height:500px){
.spdc-top{ display:none; }
.spdc-nav .spdc-r2m{ height:52px; }
}
@media (max-width:767px){
.spdc-wrap{ padding:0 16px; }
.spdc-nav .spdc-dw-p{ max-width:none; } .spdc-ft .spdc-ft-info span{ display:block; line-height:1.8; }
.spdc-ft .spdc-ft-info br{ display:none; } .spdc-ft .spdc-ft-links{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:12px; padding-bottom:10px; margin-bottom:18px; }
.spdc-ft .spdc-ft-links a, .spdc-ft .spdc-ft-links a:first-child{ display:flex; align-items:center; min-height:40px; padding:0; margin:0; border-left:0; line-height:1.4; }
.spdc-ft .spdc-ft-row a{ height:40px; }
}
@media (max-width:600px){
body.admin-bar .spdc-nav{ top:0; }
body.admin-bar .spdc-nav .spdc-dw{ top:0; }
}
@media print{
.spdc-nav, .spdc-top, a.spdc-skip{ display:none; }
}.spdcol{
--spdcol-ink-800:#333D4B; --spdcol-hl:#FFFF99; --spdcol-nav-h:52px; --spdcol-content:1000px; --spdcol-red:#FF0000; --spdcol-cap:#333399; --spdcol-rule:#9A9A9A; --spdcol-sum-bg:#F0F2F6; --spdcol-gap:58px; --spdcol-gap-h2:117px; font-family:var(--spd-sans); font-size:15px; line-height:1.6; letter-spacing:-0.2px; color:var(--spd-text);
word-break:keep-all; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
} .spdcol :where(.spdcol-side, .spdcol-main, .spdcol-hero, .spdcol-head, .spdcol-tags, .spdcol-author, .spdcol-more, .spdcol-brief) :where(*, *::before, *::after){ box-sizing:border-box; }
.spdcol :where(.spdcol-side, .spdcol-main, .spdcol-head, .spdcol-tags, .spdcol-author, .spdcol-more, .spdcol-brief) :where(ul, ol, li){ list-style:none; margin:0; padding:0; }
.spdcol :where(.spdcol-side, .spdcol-main, .spdcol-head, .spdcol-tags, .spdcol-author, .spdcol-more, .spdcol-brief) :where(p, h1, h2, h3, figure){ margin:0; }
.spdcol :where(.spdcol-side, .spdcol-main, .spdcol-hero, .spdcol-head, .spdcol-author, .spdcol-more, .spdcol-brief) :where(img){ display:block; max-width:100%; border:0; }
.spdcol :where(.spdcol-side, .spdcol-main, .spdcol-head, .spdcol-author, .spdcol-more, .spdcol-brief) :where(a){ color:inherit; text-decoration:none; }
.spdcol :is(.spdcol-side, .spdcol-main, .spdcol-head, .spdcol-author, .spdcol-more, .spdcol-brief) :is(a){ transition:color .15s ease, background-color .15s ease, border-color .15s ease; }
.spdcol :is(.spdcol-side, .spdcol-main, .spdcol-head, .spdcol-author, .spdcol-more, .spdcol-brief, .spdcol-body) :is(a):focus-visible{ outline:2px solid var(--spd-brand); outline-offset:2px; box-shadow:none; }
.spdcol .spdcol-wrap{ max-width:1240px; margin:0 auto; padding:0 20px; } .spdcol-hub{ padding:40px 0 96px; }
.spdcol-hub .spdcol-layout{ display:grid; grid-template-columns:220px minmax(0, 1fr); gap:48px; align-items:start; }
.spdcol .spdcol-side{ position:-webkit-sticky; position:sticky; top:calc(var(--spdcol-nav-h) + 32px); }
.spdcol .spdcol-filter{ display:flex; flex-direction:column; gap:2px; }
.spdcol .spdcol-filter__item{
display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 14px; border-radius:8px;
font-size:15px; font-weight:600; color:var(--spd-text-2);
}
.spdcol .spdcol-filter__item:hover{ background:var(--spd-bg-soft); color:var(--spd-text); }
.spdcol .spdcol-filter__item.is-active, .spdcol .spdcol-filter__item.is-active:hover{ background:var(--spd-brand-faint); color:var(--spd-brand); }
.spdcol .spdcol-filter__count{ font-size:12.5px; font-weight:600; color:var(--spd-text-4); }
.spdcol .spdcol-filter__item.is-active .spdcol-filter__count{ color:var(--spd-brand); }
.spdcol .spdcol-side-cta{ margin-top:24px; padding:18px 16px; border:1px solid var(--spd-line); border-radius:12px; background:#FFFFFF; }
.spdcol .spdcol-side-cta__title{ font-size:13.5px; line-height:1.5; color:var(--spd-text-2); margin:0 0 10px; }
.spdcol .spdcol-side-cta__btn{ display:flex; align-items:center; justify-content:center; height:40px; border-radius:8px; background:var(--spd-brand); color:#FFFFFF; font-size:14px; font-weight:700; }
.spdcol .spdcol-side-cta__btn:hover{ background:var(--spd-brand-dark); color:#FFFFFF; }
.spdcol .spdcol-crumb{ display:flex; align-items:center; flex-wrap:wrap; font-size:13px; color:var(--spd-text-3); margin-bottom:14px; }
.spdcol .spdcol-crumb > * + *::before{ content:"›"; margin:0 8px; color:var(--spd-text-4); } .spdcol .spdcol-crumb a{ color:var(--spd-text-3); }
.spdcol .spdcol-crumb a:hover{ color:var(--spd-brand); }
.spdcol .spdcol-title{ font-size:26px; line-height:1.3; font-weight:700; letter-spacing:-1px; color:var(--spd-text); margin:0 0 6px; }
.spdcol .spdcol-title__sep::before{ content:"·"; margin:0 9px; color:var(--spd-text-4); font-weight:400; } .spdcol .spdcol-lede{ font-size:15px; color:var(--spd-text-3); margin:0 0 10px; } .spdcol .spdcol-card--row{ display:flex; align-items:flex-start; gap:24px; padding:24px 0; border-bottom:1px solid var(--spd-line); }
.spdcol .spdcol-card--row .spdcol-card__thumb{ flex:0 0 168px; display:block; width:168px; height:118px; border-radius:14px; overflow:hidden; background:var(--spd-bg-soft); }
.spdcol .spdcol-card__thumb img{ width:100%; height:100%; object-fit:cover; display:block; } .spdcol .spdcol-card__thumb, .spdcol .spdcol-card__thumb:hover, .spdcol .spdcol-card__thumb:focus{ color:var(--spd-text); border-color:transparent; text-decoration:none; }
.spdcol .spdcol-card__ph{ display:block; width:100%; height:100%; background:var(--spd-brand-faint); }
.spdcol .spdcol-card__body{ flex:1 1 auto; min-width:0; }
.spdcol .spdcol-card__link{ display:block; color:inherit; }
.spdcol .spdcol-card--row .spdcol-card__title{ font-size:19px; line-height:1.45; font-weight:700; letter-spacing:-0.5px; color:var(--spd-text); margin:0 0 6px; transition:color .15s ease; }
.spdcol .spdcol-card__link:hover .spdcol-card__title{ color:var(--spd-brand); }
.spdcol .spdcol-card__excerpt{ font-size:14.5px; line-height:1.6; color:var(--spd-text-3); margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.spdcol .spdcol-card__meta{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; }
.spdcol .spdcol-chip{ display:inline-block; padding:4px 10px; border-radius:8px; background:var(--spd-bg-soft); font-size:12.5px; font-weight:600; color:var(--spd-text-2); }
.spdcol .spdcol-card__date{ font-size:12.5px; color:var(--spd-text-4); margin-left:2px; }
.spdcol .spdcol-empty{ padding:60px 0; text-align:center; color:var(--spd-text-3); }
.spdcol .spdcol-pager{ display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.spdcol .spdcol-pager__btn{ display:inline-flex; align-items:center; height:40px; padding:0 18px; border-radius:999px; background:var(--spd-bg-soft); color:var(--spd-text-2); font-size:14px; font-weight:600; }
.spdcol .spdcol-pager__btn:hover{ background:var(--spd-brand-faint); color:var(--spd-brand-dark); }
.spdcol .spdcol-pager__state{ font-size:13.5px; color:var(--spd-text-3); } @media (max-width:1024px){
.spdcol-hub{ padding-top:24px; }
.spdcol-hub .spdcol-layout{ display:block; }
.spdcol .spdcol-side{ position:static; margin-bottom:8px; }
.spdcol .spdcol-filter{ flex-direction:row; overflow-x:auto; gap:8px; padding-bottom:8px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.spdcol .spdcol-filter::-webkit-scrollbar{ display:none; }
.spdcol .spdcol-filter__item{ flex:0 0 auto; gap:6px; padding:9px 14px; border-radius:999px; background:var(--spd-bg-soft); font-size:14px; white-space:nowrap; }
.spdcol .spdcol-filter__item.is-active, .spdcol .spdcol-filter__item.is-active:hover{ background:var(--spd-brand); color:#FFFFFF; }
.spdcol .spdcol-filter__item.is-active .spdcol-filter__count{ color:rgba(255,255,255,.7); }
.spdcol .spdcol-side-cta{ display:none; }
.spdcol .spdcol-title{ font-size:22px; }
.spdcol .spdcol-card--row{ gap:14px; }
.spdcol .spdcol-card--row .spdcol-card__thumb{ flex-basis:108px; width:108px; height:82px; }
.spdcol .spdcol-card--row .spdcol-card__title{ font-size:16.5px; }
.spdcol .spdcol-card__excerpt{ font-size:13.5px; }
} .spdcol .spdcol-hero{ height:min(48vh, calc(100vh - 460px)); min-height:240px; max-height:560px; overflow:hidden; background:var(--spd-bg-soft); }
.spdcol .spdcol-hero__img{ width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; display:block; }
.spdcol .spdcol-article{ max-width:calc(var(--spdcol-content) + 40px); margin:0 auto; padding:0 20px 24px; } .spdcol .spdcol-head{ padding:56px 0 0; }
.spdcol .spdcol-head__cat{ display:block; font-style:normal; font-size:36px; line-height:1.2; font-weight:800; letter-spacing:-0.5px; color:#CCCCCC; margin:0 0 24px; }
.spdcol .spdcol-head__cat a{ color:inherit; }
.spdcol .spdcol-head__cat a:hover{ color:#888888; }
.spdcol .spdcol-head__title{ font-size:44px; line-height:1.3; font-weight:800; letter-spacing:-1px; color:#000000; margin:0 0 16px; word-break:keep-all; }
.spdcol .spdcol-head__sub{ font-size:20px; line-height:1.4; font-weight:700; letter-spacing:-0.5px; color:#888888; margin:0 0 10px; }
.spdcol .spdcol-head__sub a{ color:inherit; }
.spdcol .spdcol-head__sep::before{ content:"|"; margin:0 8px; font-weight:400; }
.spdcol .spdcol-head__date{ display:block; font-size:13px; color:var(--spd-text-4); margin:0 0 24px; } .spdcol .spdcol-body{ font-size:20px; line-height:1.44; letter-spacing:-0.5px; color:#000000; word-break:keep-all; }   .spdcol-single:not(.spdcol-single--legacy) .spdcol-body > *{ margin:0; }
.spdcol-single:not(.spdcol-single--legacy) .spdcol-body > * + *{ margin-top:var(--spdcol-gap) !important; }
.spdcol-single:not(.spdcol-single--legacy) .spdcol-body > p.spdcol-line + p.spdcol-line{ margin-top:0 !important; }
.spdcol-single:not(.spdcol-single--legacy) .spdcol-body > * + h2{ margin-top:var(--spdcol-gap-h2) !important; }
.spdcol .spdcol-body h2{ font-size:28px; line-height:1.4; font-weight:700; letter-spacing:-0.5px; color:#000000; margin:0; scroll-margin-top:calc(var(--spdcol-nav-h) + 24px); }
.spdcol .spdcol-body h2 mark{ background:none; color:inherit; padding:0; }
.spdcol .spdcol-body h3{ font-size:24px; line-height:1.4; font-weight:700; letter-spacing:-0.5px; color:#000000; margin:0; }
.spdcol .spdcol-body h4{ font-size:20px; line-height:1.4; font-weight:700; color:#000000; margin:0; }
.spdcol .spdcol-body ul, .spdcol .spdcol-body ol{ padding-left:1.4em; margin:0; }
.spdcol .spdcol-body li{ font-size:inherit; line-height:inherit; margin:0; }
.spdcol .spdcol-body li::marker{ color:var(--spd-text-3); }
.spdcol .spdcol-body a{ color:var(--spd-brand); text-decoration:none; }
.spdcol .spdcol-body a:hover{ color:var(--spd-brand-dark); text-decoration:underline; }
.spdcol .spdcol-body strong{ font-weight:700; color:inherit; } .spdcol .spdcol-body figure{ margin:0; }
.spdcol .spdcol-body img{ max-width:100%; height:auto; display:block; border-radius:0; border:0; margin:0 auto; }
.spdcol .spdcol-body figcaption{ font-size:18px; line-height:1.4; font-weight:700; font-style:normal; color:var(--spdcol-cap); text-align:center; margin:0; } .spdcol .spdcol-body hr, .spdcol .spdcol-body hr.wp-block-separator{ border:0; border-top:2px solid var(--spdcol-rule); height:0; width:100%; max-width:none; opacity:1; margin:0; }
.spdcol .spdcol-body blockquote{ border-left:3px solid var(--spdcol-rule); padding:0 0 0 24px; background:none; border-radius:0; margin:0; font-style:normal; }
.spdcol .spdcol-body blockquote p:last-child{ margin-bottom:0; }  .spdcol .spdcol-body figure.spdcol-fig{ display:flex; flex-direction:column-reverse; align-items:center; margin:0; padding:28px 28px 32px; background:var(--spdcol-sum-bg); }
.spdcol .spdcol-body figure.spdcol-fig img{ border:1px solid rgba(25,31,40,.12); border-radius:0; margin:0; max-width:100%; max-height:720px; width:auto; align-self:center; background:#FFFFFF; } .spdcol .spdcol-body figure.spdcol-fig figcaption{ font-size:18px; line-height:1.4; font-weight:700; font-style:normal; letter-spacing:-0.5px; color:var(--spdcol-cap); text-align:center; margin:0 0 18px; word-break:keep-all; }
.spdcol .spdcol-body .spdcol-pull{ margin:0; padding:0; border:0; font-size:20px; line-height:1.44; font-weight:700; letter-spacing:-0.5px; color:var(--spdcol-red); word-break:keep-all; }
.spdcol .spdcol-body .spdcol-hook{ margin:0; padding:0; border:0; font-size:24px; line-height:1.4; font-weight:700; letter-spacing:-0.5px; color:var(--spdcol-red); word-break:keep-all; }
.spdcol .spdcol-body .spdcol-recap{ margin:0; padding:22px 26px; background:var(--spd-bg-soft); border-radius:0; }
.spdcol .spdcol-body .spdcol-recap__label{ display:block; font-size:13px; font-weight:700; letter-spacing:-0.2px; color:var(--spd-brand); margin:0 0 8px; }
.spdcol .spdcol-body .spdcol-recap p{ font-size:17px; line-height:1.7; color:var(--spd-text); margin:0; }
.spdcol .spdcol-body .spdcol-recap p + p{ margin-top:8px; } .spdcol .spdcol-body mark, .spdcol .spdcol-body mark.has-inline-color{ background:var(--spdcol-hl) !important; color:inherit !important; font-weight:700; padding:0; border-radius:0; box-decoration-break:clone; -webkit-box-decoration-break:clone; } .spdcol .spdcol-body figure.wp-block-table{ margin:0; overflow-x:auto; }
.spdcol .spdcol-body table{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.6; margin:0; }
.spdcol .spdcol-body table th, .spdcol .spdcol-body table td{ padding:12px 16px; border:1px solid var(--spd-line); text-align:left; vertical-align:top; }
.spdcol .spdcol-body table thead th{ background:var(--spd-bg-soft); color:var(--spd-text); font-weight:700; }
.spdcol .spdcol-body table td{ color:var(--spdcol-ink-800); } .spdcol .spdcol-body .spdcol-summary{ margin:0; padding:24px; background:var(--spdcol-sum-bg); border-radius:0; }
.spdcol .spdcol-body .spdcol-summary > *{ margin:0 !important; max-width:none; } .spdcol .spdcol-body .spdcol-summary__label{ font-size:16px; line-height:1.3; font-weight:700; letter-spacing:-0.5px; color:#333333; margin:0 0 16px !important; }
.spdcol .spdcol-body .spdcol-summary__text{ font-size:17px; line-height:1.6; letter-spacing:-0.5px; color:#555555; }
.spdcol .spdcol-body .spdcol-summary__text + .spdcol-summary__text{ margin-top:10px !important; }  .spdcol .spdcol-toc{ background:var(--spd-bg-soft); border-radius:14px; padding:26px 30px; margin:8px 0 52px; }
.spdcol .spdcol-toc__title{ font-size:16px; font-weight:800; letter-spacing:-0.3px; color:var(--spd-text); margin:0 0 14px; }
.spdcol .spdcol-toc ul{ list-style:none; margin:0; padding:0; }
.spdcol .spdcol-toc li{ display:flex; align-items:baseline; gap:10px; margin:0 0 7px; font-size:15.5px; line-height:1.6; }
.spdcol .spdcol-toc li:last-child{ margin-bottom:0; }
.spdcol .spdcol-toc__check{ color:var(--spd-brand); font-weight:800; flex:0 0 auto; }
.spdcol .spdcol-body .spdcol-toc a{ color:var(--spd-text-2); text-decoration:none; } .spdcol .spdcol-body .spdcol-toc a:hover, .spdcol .spdcol-body .spdcol-toc a[aria-current="true"]{ color:var(--spd-brand); text-decoration:none; } .spdcol .spdcol-next{ margin:34px 0; padding:18px 20px; border:1px solid var(--spd-line); border-radius:14px; background:var(--spd-bg-page); }
.spdcol .spdcol-next__head{ font-size:14px; font-weight:700; color:var(--spd-text-2); margin:0 0 10px; }
.spdcol .spdcol-next__list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.spdcol .spdcol-next__item{ margin:0; font-size:16.5px; line-height:1.5; }
.spdcol .spdcol-body .spdcol-next__item a{ color:var(--spd-brand); text-decoration:none; }
.spdcol .spdcol-body .spdcol-next__item a:hover{ color:var(--spd-brand-dark); text-decoration:underline; } .spdcol .spdcol-body .rank-math-block{ margin:0 0 30px; }
.spdcol .spdcol-body .rank-math-list{ list-style:none; margin:0; padding:0; }
.spdcol .spdcol-body .rank-math-list-item{ margin:0 0 28px; }
.spdcol .spdcol-body .rank-math-question{ font-size:17px; line-height:1.5; font-weight:700; color:var(--spd-text); margin:0 0 10px; }
.spdcol .spdcol-body .rank-math-answer{ font-size:16px; line-height:1.8; color:var(--spd-text-2); }
.spdcol .spdcol-body .rank-math-answer p{ margin:0; } .spdcol .spdcol-cta{ margin:0; text-align:center; }
.spdcol .spdcol-cta hr, .spdcol .spdcol-body .spdcol-cta hr{ border:0; border-top:2px solid var(--spdcol-rule); height:0; width:100%; margin:var(--spdcol-gap) 0 0; opacity:1; } .spdcol .spdcol-cta__hl{ margin:0 0 16px; font-size:20px; line-height:1.44; font-weight:700; letter-spacing:-0.5px; text-align:center; word-break:keep-all; }
.spdcol .spdcol-body .spdcol-cta__hl a{ background:var(--spdcol-hl); color:#000000; text-decoration:none; padding:0 2px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.spdcol .spdcol-body .spdcol-cta__hl a:hover{ color:var(--spdcol-cap); text-decoration:none; }
.spdcol .spdcol-cta__banner{ display:block; width:min(100%, 800px); margin:0 auto; }
.spdcol .spdcol-body .spdcol-cta__banner img{ width:100%; height:auto; aspect-ratio:16 / 9; display:block; margin:0; border:0; border-radius:0; } .spdcol .spdcol-brief{ margin:40px 0 0; }
.spdcol .spdcol-brief__lead{ margin:0 0 16px; font-size:16px; line-height:1.5; letter-spacing:-0.3px; color:#555555; text-align:left; word-break:keep-all; }
.spdcol .spdcol-brief__card{ display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:130px; padding:0 40px; border-radius:16px; background:linear-gradient(90deg, var(--spd-brand-dark) 0%, var(--spd-brand) 55%, #3D5AFE 100%); color:#FFFFFF; text-decoration:none; }
.spdcol .spdcol-brief__card:hover{ background:linear-gradient(90deg, #000090 0%, var(--spd-brand-dark) 55%, var(--spd-brand) 100%); color:#FFFFFF; }
.spdcol .spdcol-brief__title{ font-size:28px; line-height:1.3; font-weight:800; letter-spacing:-1px; color:#FFFFFF; word-break:keep-all; }
.spdcol .spdcol-brief__pill{ display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 22px; border-radius:999px; background:#FFFFFF; color:var(--spd-brand); font-size:16px; font-weight:700; letter-spacing:-0.3px; white-space:nowrap; }
.spdcol .spdcol-ico{ width:18px; height:18px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } .spdcol .spdcol-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:28px 0 0; }
.spdcol .spdcol-tag{ display:inline-block; padding:8px 14px; border:1px solid var(--spd-line); border-radius:999px; font-size:13px; letter-spacing:-0.2px; color:var(--spd-text-2); }
.spdcol .spdcol-author{ padding:88px 0 56px; text-align:center; }
.spdcol .spdcol-author__avatar{ display:block; width:120px; height:120px; margin:0 auto 26px; border-radius:50%; object-fit:cover; background:var(--spd-bg-soft); }
.spdcol .spdcol-author__name{ font-size:22px; font-weight:700; letter-spacing:-0.5px; color:var(--spd-text); margin:0 0 14px; }
.spdcol .spdcol-author__bio{ max-width:480px; margin:0 auto 26px; font-size:15px; line-height:1.7; color:var(--spd-text-3); word-break:keep-all; }
.spdcol .spdcol-author__more{ display:inline-block; padding:10px 18px; border-radius:8px; background:var(--spd-brand-faint); font-size:14px; font-weight:600; color:var(--spd-brand); }
.spdcol .spdcol-author__more:hover{ background:var(--spd-brand); color:#FFFFFF; } .spdcol .spdcol-more{ background:#FFFFFF; color:#000000; padding:96px 0 80px; }
.spdcol .spdcol-more .spdcol-wrap--content{ max-width:calc(var(--spdcol-content) + 40px); }
.spdcol .spdcol-more__title{ font-size:32px; line-height:1.3; font-weight:800; letter-spacing:-1px; color:#333333; margin:0 0 40px; }
.spdcol .spdcol-more__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:40px 20px; }
.spdcol .spdcol-card--grid{ display:block; }
.spdcol .spdcol-card--grid .spdcol-card__thumb{ position:relative; display:block; aspect-ratio:760 / 600; border-radius:0; overflow:hidden; background:var(--spd-bg-soft); }
.spdcol .spdcol-card--grid .spdcol-card__ph{ background:var(--spd-brand-faint); }
.spdcol .spdcol-card--grid .spdcol-card__thumb, .spdcol .spdcol-card--grid .spdcol-card__thumb:hover{ color:#000000; }
.spdcol .spdcol-card--grid .spdcol-card__body{ padding:20px 0 0; }
.spdcol .spdcol-card--grid .spdcol-card__cat{ position:relative; padding-left:26px; margin:0 0 10px; font-size:16px; line-height:1.4; font-weight:700; letter-spacing:-0.3px; color:#888888; }
.spdcol .spdcol-card--grid .spdcol-card__cat .spdcol-ico{ position:absolute; left:0; top:2px; color:#888888; }
.spdcol .spdcol-card__sep::before{ content:"|"; margin:0 8px; font-weight:400; } .spdcol .spdcol-sr{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; } .spdcol .spdcol-card--grid .spdcol-card__title{ font-size:22px; line-height:33px; font-weight:700; letter-spacing:-0.6px; color:#000000; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.spdcol .spdcol-card--grid .spdcol-card__link:hover .spdcol-card__title{ color:var(--spd-brand); }
.spdcol .spdcol-card--grid .spdcol-card__link:focus-visible{ outline-color:var(--spd-brand); }
.spdcol .spdcol-card--grid .spdcol-card__excerpt{ margin-top:10px; font-size:16px; line-height:1.6; letter-spacing:-0.3px; color:#555555; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .spdcol .spdcol-card--overlay .spdcol-card__overlay{ position:absolute; inset:0; display:flex; align-items:flex-end; padding:20px; background:linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.68) 100%); }
.spdcol .spdcol-card--overlay .spdcol-card__overlay-title{ color:#FFFFFF; font-size:22px; line-height:1.35; font-weight:700; letter-spacing:-0.6px; word-break:keep-all; text-shadow:0 1px 2px rgba(0,0,0,.35); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:1024px){
.spdcol .spdcol-more__grid{ gap:32px 16px; } .spdcol .spdcol-card--grid .spdcol-card__title{ font-size:19px; line-height:1.45; }
.spdcol .spdcol-card--overlay .spdcol-card__overlay-title{ font-size:19px; }
}
@media (max-width:767px){
.spdcol .spdcol-more{ padding:64px 0 56px; }
.spdcol .spdcol-more__title{ font-size:26px; margin-bottom:24px; }
.spdcol .spdcol-more__grid{ grid-template-columns:minmax(0, 1fr); gap:36px; } .spdcol .spdcol-card--grid .spdcol-card__title{ font-size:20px; line-height:1.45; }
.spdcol .spdcol-card--overlay .spdcol-card__overlay-title{ font-size:20px; }
} .spdcol-progress{ position:fixed; top:0; left:0; right:0; height:3px; z-index:99; pointer-events:none; } .spdcol-progress i{ display:block; height:100%; background:var(--spd-brand); transform-origin:0 50%; transform:scaleX(0); } @media (max-width:1024px){
.spdcol .spdcol-head{ padding:40px 0 0; }
.spdcol .spdcol-body .spdcol-recap{ padding:18px 20px; }
.spdcol .spdcol-body .spdcol-recap p{ font-size:16px; }
.spdcol .spdcol-toc{ padding:20px 18px; }
.spdcol .spdcol-toc li{ font-size:14.5px; }
.spdcol .spdcol-author{ padding-top:64px; }
.spdcol .spdcol-author__avatar{ width:96px; height:96px; }
.spdcol .spdcol-author__name{ font-size:19px; }
.spdcol .spdcol-author__bio{ font-size:14px; padding:0 16px; }
} @media (max-width:767px){
.spdcol{ --spdcol-gap:52px; --spdcol-gap-h2:104px; }
.spdcol .spdcol-article{ padding:0 16px 24px; }
.spdcol .spdcol-head__cat{ font-size:24px; }
.spdcol .spdcol-head__title{ font-size:32px; }
.spdcol .spdcol-head__sub{ font-size:18px; }
.spdcol .spdcol-body{ font-size:18px; line-height:1.65; letter-spacing:-0.3px; }
.spdcol .spdcol-body h2{ font-size:24px; }
.spdcol .spdcol-body h3{ font-size:21px; }
.spdcol .spdcol-body .spdcol-hook{ font-size:21px; line-height:1.45; }
.spdcol .spdcol-body .spdcol-pull{ font-size:18px; line-height:1.65; } .spdcol-single:not(.spdcol-single--legacy) .spdcol-body > p.spdcol-line + p.spdcol-line{ margin-top:6px !important; } .spdcol .spdcol-body figcaption, .spdcol .spdcol-body figure.spdcol-fig figcaption{ font-size:17px; margin-bottom:14px; }
.spdcol .spdcol-body figure.spdcol-fig{ padding:16px 14px 18px; }
.spdcol .spdcol-body .spdcol-summary{ padding:20px; }
.spdcol .spdcol-cta__hl{ font-size:18px; }
.spdcol .spdcol-cta__banner{ width:100%; } .spdcol .spdcol-brief__card{ flex-direction:column; align-items:flex-start; gap:16px; min-height:0; padding:24px 20px; }
.spdcol .spdcol-brief__title{ font-size:24px; }
.spdcol .spdcol-brief__pill{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion:reduce){
.spdcol :is(a, .spdcol-brief__card){ transition:none; }
}