:root{
--gg-bg: #fbfbfa;
--gg-surface: #ffffff;
--gg-ink: #0b0d10;
--gg-muted: #6b7280;
--gg-border: rgba(11,13,16,.10);
--gg-radius: 16px;
--gg-radius-sm: 16px;
--gg-radius-md: 16px;
--gg-radius-lg: 16px;

--gg-shadow: 0 1px 0 rgba(11,13,16,.06);
--gg-shadow-soft: 0 12px 32px rgba(11,13,16,.08);

--gg-gap: 10px;


--gg-col-left: 240px;
--gg-col-main: 1440px;
--gg-col-right: 240px;
--gg-col-gap: 0px;
--gg-main-max: var(--gg-col-main);
--gg-reading-max: 760px;
--gg-left-w: var(--gg-col-left);
--gg-right-w: var(--gg-col-right);
--gg-layout-max: calc(var(--gg-col-left) + var(--gg-col-main) + var(--gg-col-right));
--gg-left-drawer-w: 320px;
--gg-right-drawer-w: 360px;
--gg-drawer-max-vw-compact: 42vw;
--gg-drawer-max-vw-mobile: 92vw;


--gg-color-text-main: var(--gg-ink);
--gg-color-border-subtle: var(--gg-border);
--gg-dur-fast: .16s;


--gg-font-xs: 0.75rem;
--gg-font-sm: 0.875rem;
--gg-font-base: 1rem;
--gg-font-lg: 1.125rem;
--gg-font-xl: 1.25rem;
--gg-font-2xl: 1.5rem;
--gg-font-h2: clamp(22px, 3.2vw, 36px);
--gg-font-h3: var(--gg-font-base);

--gg-space-2: clamp(8px, 1.2vw, 12px);
--gg-space-3: clamp(12px, 1.6vw, 16px);
--gg-space-4: clamp(16px, 2vw, 24px);
--gg-space-8: 8px;
--gg-space-12: 12px;
--gg-space-16: 16px;
--gg-space-24: 24px;
--gg-space-32: 32px;
--gg-tap-min: 44px;
--gg-tap-soc: 22px;

--gg-shadow-sm: 0 1px 2px rgba(11,13,16,.08);
--gg-shadow-md: 0 8px 24px rgba(11,13,16,.10);
--gg-shadow-lg: var(--gg-shadow-soft);

--gg-state-hover: rgba(15,23,42,.05);
--gg-state-active: rgba(15,23,42,.08);
--gg-control-hover: var(--gg-state-hover);
--gg-control-active: var(--gg-state-active);

--gg-dur-1: var(--gg-dur-fast);
--gg-dur-2: .22s;
--gg-dur-3: .32s;
--gg-ease-standard: cubic-bezier(.2,0,0,1);

--gg-focus-ring: 2px solid currentColor;
--gg-focus-offset: 3px;


--gg-card-ratio: 1.48;
--gg-featured-ratio: 4 / 3;
--gg-featured-max-h: 320px;


--gg-sticky-top: 0px;


--gg-dock-safe: 86px;
--gg-glass-blur: 14px;
--gg-glass-sat: 150%;
--gg-glass-radius: 999px;
--gg-dock-auto-opacity: .3;
--gg-dock-auto-shift: 14px;


--gg-glass-bg: linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.38));
--gg-glass-border: rgba(255,255,255,.18);
--gg-glass-ink: rgba(255,255,255,.92);
--gg-dock-bg: var(--gg-glass-bg);
--gg-dock-border: var(--gg-glass-border);
--gg-dock-ink: var(--gg-glass-ink);

--gg-chip-bg: rgba(255,255,255,.08);
--gg-chip-border: rgba(255,255,255,.20);
--gg-chip-hover-bg: rgba(255,255,255,.14);
--gg-chip-hover-border: rgba(255,255,255,.32);

--gg-focus: rgba(255,255,255,.55);

--gg-fg: #111827;
--gg-line: rgba(17,24,39,.10);
--gg-line-strong: rgba(17,24,39,.16);
--gg-pill: rgba(17,24,39,.06);
--gg-pill-hover: rgba(17,24,39,.10);
--gg-pad: 12px;
--gg-tree-indent: 18px;


--z-negative: -1;
--z-base: 0;
--z-normal: 1;
--z-raise-1: 2;
--z-raise-2: 3;
--z-raise-3: 5;
--z-raise-4: 6;
--z-raise-5: 7;
--z-raise-6: 10;
--z-raise-7: 20;
--z-raise-8: 30;
--z-float-1: 50;
--z-float-2: 60;
--z-dock: 80;
--z-sticky: 100;
--z-sticky-2: 90;
--z-panel: 119;
--z-panel-2: 120;
--z-drawer-rail: 140;
--z-drawer: 200;
--z-modal: 300;
--z-toast: 400;
--z-overlay: 1400;
--z-overlay-2: 1600;
--z-max: 9999;
--z-max-1: 9998;
--z-max-2: 99999;

}

@supports (color: color-mix(in srgb, black 50%, white)){
:root{
--gg-focus-ring: 2px solid color-mix(in srgb, currentColor 55%, transparent);
}
}

@font-face{
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.gstatic.com/s/materialsymbolsrounded/v317/syl7-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-obHph2-jOcZTKPq8a9A5M.woff2") format("woff2");
}

.material-symbols-rounded{
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}


main.gg-main[data-gg-surface="post"] .gg-post__toolbar,
main.gg-main[data-gg-surface="page"] .gg-post__toolbar{
--gg-glass-bg: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.44));
--gg-glass-border: rgba(0,0,0,.10);
--gg-glass-ink: rgba(15,23,42,.92);

--gg-chip-bg: rgba(255,255,255,.55);
--gg-chip-border: rgba(0,0,0,.10);
--gg-chip-hover-bg: rgba(255,255,255,.72);
--gg-chip-hover-border: rgba(0,0,0,.14);

--gg-focus: rgba(15,23,42,.35);
}


*,
*::before,
*::after{ box-sizing: border-box; }

html, body{ height: 100%; }
[hidden]{ display: none !important; }
body{
margin: 0;
background: var(--gg-bg);
color: var(--gg-ink);
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

[data-gg-page="legal"] :is(
.gg-mixed,
[id^="gg-mixed-"],
[data-gg-mixed],
[data-gg-module="mixed-media"],
.gg-newsdeck,
.gg-post__comments,
#comments,
#comments-ssr,
.gg-comments,
.gg-comments-panel,
[data-gg-panel="comments"],
[data-gg-postbar="comments"],
[data-gg-comments-gate],
[data-gg-comments-load],
[data-gg-action="comments-help"],
[data-gg-modal="comments-help"],
.gg-blog-sidebar--right > .gg-comments-panel,
.gg-blog-sidebar--right > .gg-info-panel
),
.gg-page--legal :is(
.gg-mixed,
[id^="gg-mixed-"],
[data-gg-mixed],
[data-gg-module="mixed-media"],
.gg-newsdeck,
.gg-post__comments,
#comments,
#comments-ssr,
.gg-comments,
.gg-comments-panel,
[data-gg-panel="comments"],
[data-gg-postbar="comments"],
[data-gg-comments-gate],
[data-gg-comments-load],
[data-gg-action="comments-help"],
[data-gg-modal="comments-help"],
.gg-blog-sidebar--right > .gg-comments-panel,
.gg-blog-sidebar--right > .gg-info-panel
){
display: none !important;
}

body:is([data-gg-view="listing"],[data-gg-view="label"],[data-gg-view="search"],[data-gg-view="archive"],[data-gg-surface="listing"]) .hero-section{ display: none !important; }

img{ max-width: 100%; display: block; }
a{ color: inherit; text-decoration: none; }
a:hover{ text-decoration: none; }

:where(a, button, input, textarea, select, summary, [role="button"], [tabindex]):focus-visible{
outline: var(--gg-focus-ring);
outline-offset: var(--gg-focus-offset);
}


.gg-visually-hidden{
position:absolute!important;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;clip:rect(0,0,0,0);
white-space:nowrap;border:0;
}



.gg-icon{
font-family: "Material Symbols Rounded";
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
color: currentColor;


font-feature-settings: "liga" 1;
font-variant-ligatures: normal;

font-variation-settings:
"FILL" 0,
"wght" 300,
"GRAD" 0,
"opsz" 20;
}

gg-icon gg-icon--sm material-symbols-rounded{
vertical-align:middle;}

.gg-icon--sm{ font-size: 18px; font-variation-settings: "FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20; }
.gg-icon--md{ font-size: 22px; font-variation-settings: "FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24; }

.gg-icon.is-filled{
font-variation-settings:
"FILL" 1,
"wght" 300,
"GRAD" 0,
"opsz" 24;
}

.gg-icon-btn{
width: var(--gg-tap-min);
height: var(--gg-tap-min);
min-width: var(--gg-tap-min);
min-height: var(--gg-tap-min);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
border: 1px solid var(--gg-border);
background: var(--gg-surface);
color: var(--gg-color-text-main);
transition: background-color var(--gg-dur-fast) ease, border-color var(--gg-dur-fast) ease, opacity var(--gg-dur-fast) ease;
}

.gg-icon-btn:hover{
background: var(--gg-control-hover);
border-color: var(--gg-color-border-subtle);
}

.gg-icon-btn:active{
background: var(--gg-control-active);
opacity: 1;
}

.gg-icon-btn:disabled{
opacity: .55;
cursor: not-allowed;
pointer-events: none;
}

.gg-icon-btn:focus-visible{
outline: 2px solid var(--gg-color-text-main);
outline-offset: 2px;
}


.gg-info-panel__meta .gg-icon{
opacity: .85;
}


.gg-chip{
gap: 8px;
padding: 0 12px;
}

.gg-chip__icon{
font-size: 18px; 
opacity: .85;
}

.gg-chip__text{
display: inline-block;
transform: translateY(.5px); 
}





nav.gg-dock[data-gg-module="dock"]{
--gg-dock-slot: 44px;   
--gg-dock-count: 1;
--gg-dock-gap: 8px;
--gg-dock-pad: 10px;

font-size: var(--gg-font-sm);
position: fixed;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
z-index: var(--z-dock);

width: auto;
min-width: calc(
(var(--gg-dock-count) * var(--gg-dock-slot)) +
((var(--gg-dock-count) - 1) * var(--gg-dock-gap)) +
(var(--gg-dock-pad) * 2)
);
max-width: calc(100% - 28px);

background: var(--gg-dock-bg);
border: 1px solid var(--gg-dock-border);
border-radius: var(--gg-glass-radius);

backdrop-filter: blur(var(--gg-glass-blur)) saturate(var(--gg-glass-sat));
-webkit-backdrop-filter: blur(var(--gg-glass-blur)) saturate(var(--gg-glass-sat));

color: var(--gg-dock-ink);
opacity: .94;
will-change: transform, opacity;

display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px var(--gg-dock-pad);
gap: var(--gg-dock-gap);
transition:
transform .22s var(--gg-ease-standard),
opacity .2s ease,
border-color .2s ease,
box-shadow .2s ease,
backdrop-filter .2s ease,
-webkit-backdrop-filter .2s ease;
}


nav.gg-dock[data-gg-module="dock"] [hidden]{ display: none !important; }

nav.gg-dock .gg-dock__label{ display:none; }
nav.gg-dock .gg-dock__icon svg,
nav.gg-dock .gg-dock__icon .gg-icon{ width:22px; height:22px; }
nav.gg-dock .gg-dock__icon svg{ fill: currentColor; stroke: currentColor; }


nav.gg-dock :where(.gg-dock__item, .gg-panel-x){
width: var(--gg-dock-slot);
height: var(--gg-dock-slot);
min-width: var(--gg-tap-min);
min-height: var(--gg-tap-min);
border-radius: 999px;

display: inline-flex;
align-items: center;
justify-content: center;

box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);

transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, opacity .16s ease;
}

nav.gg-dock :where(.gg-dock__item, .gg-panel-x){
border: 1px solid var(--gg-chip-border);
background: var(--gg-chip-bg);
color: var(--gg-dock-ink);
}

nav.gg-dock :where(.gg-dock__item, .gg-panel-x):hover{
background: var(--gg-chip-hover-bg);
border-color: var(--gg-chip-hover-border);
}

nav.gg-dock :where(.gg-dock__item, .gg-panel-x, .gg-icon-btn, input[type="search"]):focus-visible{
outline: 2px solid var(--gg-focus);
}


nav.gg-dock[data-gg-state~="search"]{
width: min(680px, calc(100% - 28px));
min-width: 0;
padding: 6px 10px;
gap: 6px;
opacity: 1;
transform: translate(-50%, 0);
}
nav.gg-dock[data-gg-state~="autohide-hidden"]:not([data-gg-state~="search"]){
opacity: var(--gg-dock-auto-opacity);
transform: translate(-50%, var(--gg-dock-auto-shift));
border-color: color-mix(in srgb, var(--gg-dock-border) 72%, transparent);
backdrop-filter: blur(calc(var(--gg-glass-blur) * .72)) saturate(calc(var(--gg-glass-sat) * .82));
-webkit-backdrop-filter: blur(calc(var(--gg-glass-blur) * .72)) saturate(calc(var(--gg-glass-sat) * .82));
}
nav.gg-dock[data-gg-state~="autohide-hidden"]:not([data-gg-state~="search"]) :where(.gg-dock__item, .gg-panel-x){
opacity: .82;
}
nav.gg-dock .gg-dock__search{ display:none; align-items:center; width:100%; }
nav.gg-dock[data-gg-state~="search"] :where(button,a,[role="button"]){ display:none !important; }
nav.gg-dock[data-gg-state~="search"] :where([data-gg-dock-search],[data-gg-dock-close]){ display:flex !important; }
nav.gg-dock[data-gg-state~="search"] [data-gg-dock-search] input[type="search"]{ display:block !important; }
nav.gg-dock[data-gg-state~="search"] [data-gg-dock-search] .gg-icon-btn{ display:inline-flex !important; }

nav.gg-dock .gg-dock__search form{
display:flex; align-items:center; gap:8px; width:100%;
background: rgba(0,0,0,.35);
border: 1px solid rgba(255,255,255,.20);
border-radius: 999px;
padding: 6px 10px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}
html.gg-search-focus #gg-dock [data-gg-dock-action]{
display: none;
}

html.gg-search-focus #gg-dock [data-gg-dock-search],
html.gg-search-focus #gg-dock [data-gg-dock-close]{
display: flex;
}
nav.gg-dock .gg-dock__search input{
flex:1;
height: var(--gg-tap-min);
min-height: var(--gg-tap-min);
border-radius: 999px;
border: 1px solid rgba(255,255,255,.18);
padding: 0 12px;
font-size: 14px;
background: rgba(255,255,255,.08);
color: rgba(255,255,255,.92);
}
nav.gg-dock .gg-dock__search .gg-icon-btn{
width: var(--gg-tap-min);
height: var(--gg-tap-min);
min-width: var(--gg-tap-min);
min-height: var(--gg-tap-min);
border-radius: 999px;
border: 1px solid rgba(255,255,255,.18);
background: rgba(255,255,255,.08);
color: rgba(255,255,255,.92);
}


#gg-dock-more{
display: none;
position: fixed;
inset: 0;
z-index: calc(var(--z-dock) + 4);
padding: 14px 12px calc(var(--gg-dock-safe) + 8px);
pointer-events: none;
}
#gg-dock-more:target,
#gg-dock-more[data-gg-state~="open"]{
display: block;
pointer-events: auto;
}
#gg-dock-more::before{
content: "";
position: absolute;
inset: 0;
background: rgba(8, 11, 18, .30);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
#gg-dock-more .gg-dock-more__sheet{
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
width: min(560px, calc(100% - 16px));
max-height: min(72vh, 560px);
overflow: auto;
padding: 14px;
background: color-mix(in srgb, var(--gg-dock-bg) 92%, rgba(13,18,26,.9));
border: 1px solid color-mix(in srgb, var(--gg-dock-border) 92%, rgba(255,255,255,.08));
border-radius: 18px;
box-shadow: 0 24px 48px rgba(0,0,0,.28);
}
#gg-dock-more .gg-dock-more__head{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
}
#gg-dock-more .gg-dock-more__title{
margin: 0;
font-size: 13px;
letter-spacing: .08em;
text-transform: uppercase;
opacity: .72;
}
#gg-dock-more .gg-dock-more__close{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--gg-chip-border) 90%, rgba(255,255,255,.06));
background: var(--gg-chip-bg);
color: inherit;
text-decoration: none;
font-size: 12px;
}
#gg-dock-more .gg-dock-more__list{
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 8px;
}
#gg-dock-more .gg-dock-more__list a{
display: flex;
align-items: center;
min-height: 42px;
padding: 0 12px;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--gg-chip-border) 92%, rgba(255,255,255,.06));
background: color-mix(in srgb, var(--gg-chip-bg) 90%, rgba(255,255,255,.03));
color: inherit;
text-decoration: none;
}
#gg-dock-more .gg-dock-more__list a:hover{
background: var(--gg-chip-hover-bg);
border-color: var(--gg-chip-hover-border);
}

.gg-anchor-end{
position: relative;
display: block;
width: 1px;
height: 1px;
overflow: hidden;
}

@media (prefers-reduced-motion: reduce){
nav.gg-dock *{ transition: none !important; }
}





.gg-ad{
--gg-ad-ar: 1 / 1;
--gg-ad-maxw: 100%;
--gg-ad-minh: 80px;

width: 100%;
max-width: var(--gg-ad-maxw);
aspect-ratio: var(--gg-ad-ar);
min-height: var(--gg-ad-minh);

position: relative;
overflow: hidden;

border-radius: var(--gg-radius-md, 18px);
border: 1px dashed var(--gg-border, rgba(15,23,42,.12));
background: rgba(15,23,42,.03);
color: var(--gg-ink, #0f172a);
box-shadow: var(--gg-shadow, 0 18px 50px rgba(15,23,42,.10));
}

.gg-ad::before{
content: attr(data-gg-label);
position: absolute;
top: 10px;
left: 12px;
font: 700 11px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--gg-muted, #6b7280);
pointer-events: none;
}

.gg-ad__inner{
height: 100%;
display: grid;
place-items: center;
padding: 28px 14px 14px;
text-align: center;
font: 600 13px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
opacity: .85;
}

.gg-gap{ margin: 16px 0; }


.gg-ad--leaderboard{ --gg-ad-ar: 364/45; --gg-ad-maxw: min(100%, 728px); --gg-ad-minh: 72px; }
.gg-ad--rect{        --gg-ad-ar: 6/5;     --gg-ad-maxw: min(100%, 336px); --gg-ad-minh: 220px; }
.gg-ad--mobanner{    --gg-ad-ar: 6/1;     --gg-ad-maxw: min(100%, 300px); --gg-ad-minh: 50px; }


.gg-only-mobile{ display:none; }
.gg-only-desktop{ display:block; }

@media (max-width: 768px){
.gg-only-mobile{ display:block; }
.gg-only-desktop{ display:none; }
.gg-ad{ box-shadow:none; border-radius: var(--gg-radius-sm, 12px); }
}




html[data-gg-prehome="blog"] [data-gg-home-root="1"] [data-gg-home-layer="landing"],
html[data-gg-prehome="blog"] [data-gg-home-root="1"] .gg-home-landing{ display: none; }

html[data-gg-prehome="landing"] [data-gg-home-root="1"] [data-gg-home-layer="blog"],
html[data-gg-prehome="landing"] [data-gg-home-root="1"] .gg-home-blog{ display: none; }


main.gg-main:is([data-gg-view="home"],[data-gg-surface="home"])[data-gg-home-state="landing"] [data-gg-home-layer="blog"]{
display: none;
}
main.gg-main:is([data-gg-view="home"],[data-gg-surface="home"])[data-gg-home-state="blog"] [data-gg-home-layer="landing"]{
display: none;
}



main.gg-main:is([data-gg-view="post"],[data-gg-surface="post"]) .gg-home-blog{

display: flex;

justify-content: center;

}



.gg-blog-layout{
display: grid;
grid-template-columns: minmax(0, var(--gg-col-left)) minmax(0, var(--gg-col-main)) minmax(0, var(--gg-col-right));
gap: var(--gg-col-gap);
align-items: start;
justify-content: center;
width: 100%;
overflow: visible;
}

@media (min-width: 1920px){
.gg-blog-layout{
grid-template-columns: var(--gg-col-left) var(--gg-col-main) var(--gg-col-right);
max-width: var(--gg-layout-max);
margin-inline: auto;
}
}

.gg-blog-sidebar--left{
grid-column: 1;
justify-self: stretch;
width: var(--gg-col-left);
min-width: 0;
}

.gg-blog-main{
grid-column: 2;
min-width: 0;
}

.gg-blog-sidebar--right{
grid-column: 3;
justify-self: stretch;
width: var(--gg-col-right);
min-width: 0;
}

@media (min-width: 921px){
.gg-blog-sidebar{
position: sticky;
top: var(--gg-sticky-top, 0px);
align-self: start;
height: calc(100dvh - var(--gg-sticky-top, 0px));
max-height: calc(100dvh - var(--gg-sticky-top, 0px));
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
padding:10px;
}
}

body[data-gg-device="desktop"] .gg-blog-sidebar{
position: sticky;
top: var(--gg-sticky-top, 0px);
align-self: start;
height: calc(100dvh - var(--gg-sticky-top, 0px));
max-height: calc(100dvh - var(--gg-sticky-top, 0px));
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
padding:10px;
}


@media (min-width: 921px) and (max-width: 1919px){
main.gg-main:is([data-gg-view="home"],[data-gg-view="listing"],[data-gg-view="label"],[data-gg-view="search"],[data-gg-view="archive"],[data-gg-view="page"],[data-gg-surface="home"],[data-gg-surface="feed"],[data-gg-surface="page"]) .gg-blog-layout--list{
grid-template-columns: minmax(0, var(--gg-col-left)) minmax(0, min(var(--gg-col-main), calc(100vw - var(--gg-col-left) - var(--gg-col-right)))) minmax(0, var(--gg-col-right));
max-width: calc(var(--gg-col-left) + var(--gg-col-main) + var(--gg-col-right));
margin-inline: auto;
}

main.gg-main:is([data-gg-view="home"],[data-gg-view="listing"],[data-gg-view="label"],[data-gg-view="search"],[data-gg-view="archive"],[data-gg-view="page"],[data-gg-surface="home"],[data-gg-surface="feed"],[data-gg-surface="page"]) .gg-blog-layout--list .gg-blog-sidebar--right{
position: sticky;
top: var(--gg-sticky-top, 0px);
width: var(--gg-col-right);
height: calc(100dvh - var(--gg-sticky-top, 0px));
max-height: calc(100dvh - var(--gg-sticky-top, 0px));
min-height: 0;
overflow: hidden;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
transform: none;
opacity: 1;
pointer-events: auto;
z-index: var(--z-sticky);
transition: none;
}

main.gg-main[data-gg-info-panel="open"] .gg-blog-layout--list .gg-blog-sidebar--right,
main.gg-main[data-gg-right-panel="open"] .gg-blog-layout--list .gg-blog-sidebar--right{
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
}



.gg-blog-sidebar--left h2,
.gg-blog-sidebar--left h3{
margin: 12px 0 8px;
font-size: 14px;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--gg-muted);
}

.gg-blog-sidebar--left ul{
margin: 8px 0 0;
}

.gg-blog-sidebar--left li{  }

.gg-blog-sidebar--left a{
color: var(--gg-ink);
text-decoration: none;
}
.gg-blog-sidebar--left a:hover{ background: var(--gg-state-hover); text-decoration: none; }



.gg-leftnav{
display: flex;
flex-direction: column;
gap: 10px;
min-height: 0;
height: 100%;padding: 10px;
}

.gg-leftnav__profile{
display: grid;
grid-template-columns: auto auto 1fr;
gap: 8px;
align-items: center;
padding: 8px 9px;
border: 1px solid var(--gg-border);
border-radius: 12px;
background: color-mix(in srgb, var(--gg-surface) 92%, #e5e7eb);
}
.gg-leftnav__avatar{
width: 36px;
height: 36px;
border-radius: 999px;
background: var(--gg-ink);
color: var(--gg-surface);
display: grid;
place-items: center;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.12),
0 10px 18px rgba(15,23,42,.18);
}
.gg-leftnav__meta{
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.gg-leftnav__title{
margin: 0;
font-weight: 650;
font-size: 12px;
line-height: 1.2;
letter-spacing: .02em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gg-leftnav__desc{
margin: 0;
font-size: 11px;
color: var(--gg-muted);
line-height: 1.35;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gg-leftnav__badge{
width: 24px;
height: 24px;
border-radius: 50%;
color: var(--gg-muted);
display: inline-flex;
align-items: center;
justify-content: center;
margin-left:-2px;
}

.gg-blog-sidebar--left .widget{
padding: 0 0 10px;
border-bottom: 1px solid var(--gg-border);
margin: 0;
}
.gg-blog-sidebar--left .widget:last-child{ border-bottom: 0; }
.gg-blog-sidebar--left .widget-title,
.gg-blog-sidebar--left .widget .title{
margin: 0 0 8px;
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
color: var(--gg-ink);
}
.gg-blog-sidebar--left .widget[data-gg-icon] .widget-title::before,
.gg-blog-sidebar--left .widget[data-gg-icon] .title::before{
content: attr(data-gg-icon);
font-family: "Material Symbols Rounded";
font-variation-settings: "FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;
font-size: 18px;
color: var(--gg-ink);
}
.gg-blog-sidebar--left .widget-title::after,
.gg-blog-sidebar--left .widget .title::after{
margin-left: auto;
}
.gg-blog-sidebar--left .widget ul{
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
}

.gg-leftnav__link{
position: relative;
display: flex;
align-items: center;
gap: 10px;
min-height: var(--gg-tap-min);
padding: 8px 10px;
border-radius: 12px;
color: inherit;
line-height: 1.2;
font-size: 14px;
transition: background-color var(--gg-dur-fast) ease, color var(--gg-dur-fast) ease;
}
.gg-leftnav__link::before{
content: attr(data-gg-icon);
font-family: "Material Symbols Rounded";
font-variation-settings: "FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;
font-size: 18px;
color: #0f172a;
}
.gg-leftnav__link:hover{
background: #f3f4f6;
text-decoration: none;
}

.gg-blog-sidebar--left li.gg-tree{
padding-left: 0;
}
.gg-blog-sidebar--left li.gg-tree > a{
padding: 8px 10px;
}
.gg-blog-sidebar--left li.gg-tree[data-gg-state~="collapsed"] > ul{ display: none; }
.gg-blog-sidebar--left li.gg-tree > ul{ display: block; }

.gg-tree-toggle{
width: var(--gg-tap-min);
height: var(--gg-tap-min);
min-width: var(--gg-tap-min);
min-height: var(--gg-tap-min);
border-radius: 9px;
border: 0px solid #e5e7eb;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 6px;
color: #0f172a;
cursor: pointer;
transition: background-color var(--gg-dur-fast) ease, border-color var(--gg-dur-fast) ease;
}
.gg-tree-toggle::before{
content: "add";
font-family: "Material Symbols Rounded";
font-variation-settings: "FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;
font-size: 18px;
}
.gg-blog-sidebar--left li.gg-tree[data-gg-state~="open"] .gg-tree-toggle::before{
content: "remove";
}
.gg-tree-toggle:hover{
background: #f8fafc;

}

.gg-blog-sidebar--left li.gg-tree > a.gg-leftnav__link::before{
content: "folder";
font-size: 18px;
}
.gg-blog-sidebar--left li.gg-tree[data-gg-state~="open"] > a.gg-leftnav__link::before{
content: "folder_open";
}
.gg-blog-sidebar--left li.gg-tree > ul{
margin: 6px 0 0 38px;
padding-left: 10px;
border-left: 0px solid #e5e7eb;
gap: 4px;
}
.gg-blog-sidebar--left li.gg-tree > ul li > a.gg-leftnav__link{
padding: 6px 8px;
}
.gg-blog-sidebar--left li.gg-tree > ul li > a.gg-leftnav__link::before{
content: "description";
font-size: 17px;
}

.gg-blog-sidebar--left .gg-divider{
border: 0;
border-top: 1px solid #e5e7eb;
margin: 4px 0;
}
.gg-blog-sidebar--left #PageList1{
padding-top: 12px;
}


.gg-leftnav .gg-navtree{
margin: 0;
padding: 6px;
border: 1px solid var(--gg-border);
border-radius: var(--gg-radius);
background: color-mix(in srgb, var(--gg-surface) 92%, #ffffff);
box-shadow: 0 1px 0 rgba(11,13,16,.05);
}

.gg-leftnav .gg-navtree + .gg-navtree{
margin-top: 10px;
}

.gg-navtree__summary{
list-style: none;
width: 100%;
border: 0;
background: transparent;
color: var(--gg-ink);
display: grid;
grid-template-columns: 20px 1fr 20px;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: var(--gg-radius-sm);
text-align: left;
cursor: pointer;
}

.gg-navtree__summary::-webkit-details-marker{
display: none;
}

.gg-navtree__summary:hover{
background: rgba(11,13,16,.05);
}

.gg-navtree__summary:focus-visible{
background: rgba(11,13,16,.06);
outline: var(--gg-focus-ring);
outline-offset: 2px;
}

.gg-navtree__summary-icon,
.gg-navtree__summary-chev{
font-family: "Material Symbols Rounded";
font-size: 18px;
line-height: 1;
}

.gg-navtree__summary-text{
font-size: var(--gg-font-sm);
font-weight: 650;
letter-spacing: .01em;
}

.gg-navtree[open] .gg-navtree__summary-chev{
transform: rotate(180deg);
}

.gg-navtree__items{
padding: 2px 0 4px;
}

.gg-navtree__list{
list-style: none;
margin: 6px 0 2px;
padding: 0;
display: grid;
gap: 2px;
}

.gg-navtree__item{
list-style: none;
}

.gg-navtree__link,
.gg-leftnav__link--page{
min-height: 38px;
border-radius: calc(var(--gg-radius-sm) - 2px);
padding: 9px 10px;
}

.gg-navtree__link:hover,
.gg-navtree__link[aria-current="page"],
.gg-leftnav__link--page:hover,
.gg-leftnav__link--page[aria-current="page"]{
background: rgba(11,13,16,.07);
}

.gg-navtree__note,
.gg-leftnav__note{
margin: -2px 10px 8px 36px;
font-size: 12px;
color: var(--gg-muted);
line-height: 1.35;
display: block;
}



.gg-blog-main .blog-posts,
.gg-blog-main #postcards{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
align-items: start;
}
@media (max-width: 1280px){
.gg-blog-main .blog-posts,
.gg-blog-main #postcards{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 860px){
.gg-blog-main .blog-posts,
.gg-blog-main #postcards{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

#gg-search-assist.gg-search-assist{
margin: 0 0 14px;
padding: 10px;
border: 1px solid var(--gg-border);
border-radius: var(--gg-radius-sm);
background: color-mix(in srgb, var(--gg-surface) 94%, #fff);
min-height: 56px;
}

#gg-search-assist .h{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}

#gg-search-assist .h b{
font-size: var(--gg-font-xs);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--gg-muted);
font-weight: 600;
}

#gg-search-assist .h small,
#gg-search-assist .f{
font-size: var(--gg-font-xs);
color: var(--gg-muted);
}

#gg-search-assist .l{
display: grid;
gap: 4px;
}

a.gg-search-assist__item{
display: block;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 8px 10px;
border-radius: var(--gg-radius-sm);
font-size: var(--gg-font-sm);
line-height: 1.35;
text-decoration: none;
color: var(--gg-ink);
}

a.gg-search-assist__item:hover{
background: rgba(11,13,16,.06);
}

a.gg-search-assist__item > span{
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

a.gg-search-assist__item > small{
font-size: var(--gg-font-xs);
color: var(--gg-muted);
white-space: nowrap;
}

#gg-search-assist .e{
margin: 0;
font-size: var(--gg-font-sm);
color: var(--gg-muted);
}

#gg-search-assist .f{
margin: 8px 0 0;
}

.gg-loadmore-wrap{
display: flex;
justify-content: center;
margin: 16px 0 28px;
}
.gg-loadmore{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid var(--gg-border);
background: #111827;
color: #ffffff;
font-weight: 700;
font-size: 14px;
text-decoration: none;
cursor: pointer;
box-shadow: var(--gg-shadow);
transition: transform var(--gg-dur-fast) ease, filter var(--gg-dur-fast) ease, opacity var(--gg-dur-fast) ease;
}
.gg-loadmore:hover{ filter: brightness(1.05); }
.gg-loadmore:active{ transform: translateY(1px); }
.gg-loadmore[data-gg-state~="loading"]{
cursor: wait;
opacity: .85;
}
.gg-loadmore[data-gg-state~="disabled"]{
cursor: not-allowed;
opacity: .6;
filter: none;
}
.gg-loadmore__spinner{
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid rgba(255,255,255,.45);
border-top-color: #ffffff;
display: none;
}
.gg-loadmore[data-gg-state~="loading"] .gg-loadmore__spinner{
display: inline-block;
animation: gg-spin .8s linear infinite;
}
@keyframes gg-spin{ to{ transform: rotate(360deg); } }
@keyframes gg-skeleton-slide{
to{
transform: translateX(100%);
}
}


#gg-featuredpost1{
margin-bottom: 12px;
}
#gg-featuredpost1 .widget-content{
padding: 0;
}
#gg-featuredpost1 [role="feed"]{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
#gg-featuredpost1 article.post{
position: relative;
aspect-ratio: 1 / var(--gg-card-ratio);
border-radius: var(--gg-radius-lg);
overflow: hidden;
background: #0f172a;
border: 1px solid var(--gg-border);
box-shadow: var(--gg-shadow-sm);
margin: 0;
max-height: none;
}
#gg-featuredpost1 article.post::after{
content:'';
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.72) 90%);
}
#gg-featuredpost1 .item-thumbnail,
#gg-featuredpost1 .post-content{
position: absolute;
inset: 0;
margin: 0;
}
#gg-featuredpost1 img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit: cover;
}
#gg-featuredpost1 .post-title{
position: absolute;
inset: auto 16px 14px 16px;
margin: 0;
z-index: var(--z-raise-1);
font-size: clamp(16px, 1.7vw, 22px);
line-height: 1.2;
}
#gg-featuredpost1 .post-title a{
color: #f8fafc;
text-decoration: none;
text-shadow: 0 12px 32px rgba(0,0,0,.55);
}
#gg-featuredpost1 .post-title a:hover{ text-decoration: underline; }
#gg-featuredpost1 .post-content > :not(.post-title){
display: none;
}
@media (max-width: 920px){
#gg-featuredpost1 [role="feed"]{
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
#gg-featuredpost1 article.post{
max-height: none;
}
}


.gg-post-card{
position: relative;
aspect-ratio: 1 / var(--gg-card-ratio);
background: var(--gg-surface);
border: 1px solid transparent;
border-radius: var(--gg-radius-sm);
box-shadow: var(--gg-shadow);
overflow: hidden;
display: flex;
align-items: flex-end;
padding: 0px;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.gg-post-card::after{
content:'';
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.55) 72%);
}
.gg-post-card:hover{
transform: translateY(-2px);
box-shadow: 0 16px 40px rgba(15,23,42,.18);
}
.gg-post-card:focus-within{
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--gg-ink) 24%, transparent);
box-shadow: 0 14px 30px rgba(15,23,42,.16);
}


.gg-post-card__thumb{
position: absolute;
inset: 0;
display: block;
background: #0f172a;
}
.gg-post-card__thumb figure{
position: relative;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
}
.gg-post-card__thumb img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit: cover;
filter: saturate(1.05);
}


.gg-post-card__body{
position: relative;
z-index: var(--z-raise-1);
width: 100%;
color: #ffffff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
padding: 0 12px 54px;
}
.gg-post-card__meta,
.gg-post-card__excerpt{ display: none; }

.gg-post-card__title{
margin: 0;
font-weight: 800;
line-height: 1.15;
font-size: 19px;
text-shadow: 0 10px 30px rgba(0,0,0,.4);
}
.gg-post-card__title-link{
color: #ffffff;
text-decoration: none;
}
.gg-post-card__title-link:hover{ text-decoration: underline; }


.gg-post-card__toolbar{
position: absolute;
z-index: var(--z-raise-1);
background: rgba(255, 255, 255, .14);
border: 0px solid rgba(255, 255, 255, .25);
backdrop-filter: blur(10px);
display: flex;
align-items: center;
width: 100%;
}


.gg-post-card__tool{
appearance: none;
border: 0px solid transparent;
background: transparent;
width: var(--gg-tap-min);
height: var(--gg-tap-min);
min-width: var(--gg-tap-min);
min-height: var(--gg-tap-min);
border-radius: 999px;
display: grid;
place-items: center;
position: relative;
cursor: pointer;
color: #ffffff;
transition: background-color var(--gg-dur-fast) ease, border-color var(--gg-dur-fast) ease, transform var(--gg-dur-fast) ease;
}
.gg-post-card__tool:hover{
background: rgba(255,255,255,.18);
border-color: rgba(255,255,255,.25);
transform: translateY(-1px);
}
.gg-post-card__tool:focus-visible{
background: rgba(255,255,255,.22);
}
.gg-post-card__tool .gg-icon{ color: #ffffff; }
.gg-post-card__badge{
min-width: 17px;
height: 17px;
padding: 0 5px;
border-radius: 10px;
background: rgba(255,255,255,.22);
border: 1px solid rgba(255,255,255,.35);
color: #fff;
font-size: 10px;
line-height: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: -4px;
right: -4px;
}


.gg-post-card__tool--info{
margin-left: auto;
}


.gg-footer{
background: #0d0f14;
color: #d3d7de;
padding: 32px 24px 40px;
border-top: 1px solid #1f2530;
padding-bottom: calc(var(--gg-dock-safe) + 8px);
}
.gg-footer__inner{
max-width: var(--gg-main-max);
margin: 0 auto;
padding: 0 16px;
}
.gg-footer__social{
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 14px;
}
.gg-footer__divider{ border: 0; border-top: 1px solid #1f2530; margin: 14px 0 22px; }
.gg-footer__social-title{ color: #f1f2f5; font-weight: 700; margin: 0; }
.gg-footer__social-link{
background: #1a1f29;
width: 36px; height: 36px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #2b3240;
}
.gg-footer__grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 18px 28px;
margin: 10px 0 18px;
}
.gg-footer__heading{
color: #f2f4f7;
font-size: 15px;
margin: 0 0 6px;
}
.gg-footer__acc-btn{
all: unset;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.gg-footer__acc-btn::after{
content: 'expand_more';
font-family: 'Material Symbols Rounded';
font-size: 20px;
line-height: 1;
opacity: .8;
}
.gg-footer__acc-btn[aria-expanded="true"]::after{
content: 'expand_less';
}
.gg-footer__list{
list-style: none;
padding: 0;
margin: 0;
color: #d3d7de;
}
.gg-footer__list a{
color: #d3d7de;
text-decoration: none;
}
.gg-footer__list a:hover{ color: #fff; }
.gg-footer__list li{ margin: 4px 0; }
.gg-footer__note{ color: #a2a9b7; margin: 18px 0 10px; }
.gg-footer__legal{
color: #9ca3af;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px 14px;
padding-top: 14px;
border-top: 1px solid #1f2530;
}
.gg-footer__legal-nav{
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.gg-footer__legal-nav a{ color: #cbd5e1; }

@media (min-width: 961px){
.gg-footer__acc-btn{ cursor: default; }
}


.gg-popularpost1{
margin: 0;
padding: 18px 0 24px;
}
.gg-popularpost1 .widget-title,
.gg-popularpost1 h2.title{
display: none;
}
.gg-popularpost1 .widget-content{
padding: 0 6px;
}
.gg-popularpost1 article{
margin: 0;
}
.gg-popularpost1 .post{
background: transparent;
border: 0;
padding: 0;
}
.gg-pp__track{
display: flex;
gap: var(--gg-gap);
overflow: hidden;
scroll-behavior: smooth;
padding: 6px 2px 4px;
scrollbar-width: none;
justify-content: center;
}
.gg-pp__track::-webkit-scrollbar{ display: none; }
.gg-pp__item{
flex: 0 0 calc((100% - (var(--gg-gap) * 9)) / 10);
min-width: 120px;
max-width: 180px;
}
.gg-pp__card{
position: relative;
display: block;
width: 100%;
height: 100%;
background: #0f172a;
border: 1px solid var(--gg-border);
border-radius: var(--gg-radius-md);
overflow: hidden;
box-shadow: var(--gg-shadow);
text-decoration: none;
color: inherit;
transition: transform .18s ease, box-shadow .18s ease;
}
.gg-pp__card:hover{
transform: translateY(-2px);
box-shadow: 0 18px 42px rgba(0,0,0,.28);
}
.gg-pp__thumb{
position: relative;
aspect-ratio: 1 / var(--gg-card-ratio);
background: #111827;
}
.gg-pp__thumb::after{
content:'';
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.65) 82%);
}
.gg-pp__thumb img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gg-pp__body{
position: absolute;
inset: auto 8px 8px 8px;
display: grid;
gap: 4px;
}
.gg-pp__tag{
margin: 0;
text-transform: uppercase;
letter-spacing: .08em;
font-size: 11px;
color: #cfd5df;
}
.gg-pp__title{
margin: 0;
font-weight: 700;
font-size: 13px;
line-height: 1.4;
color: #f8fafc;
text-shadow: 0 10px 30px rgba(0,0,0,.45);
}

@media (max-width: 720px){
.gg-pp__item{
flex-basis: calc((100% - (var(--gg-gap) * 2)) / 3);
min-width: 140px;
}
}

.gg-blog-sidebar__section,
.gg-blog-sidebar__section-page{
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: 6px;
min-height: 0;
overflow: hidden;
}

.gg-blog-sidebar--right{
display: flex;
flex-direction: column;
min-height: 0;
}
.gg-blog-sidebar--right > .gg-info-panel,
.gg-blog-sidebar--right > .gg-comments-panel,
.gg-blog-sidebar--right > .gg-blog-sidebar__section,
.gg-blog-sidebar--right > .gg-blog-sidebar__section-page{
flex: 1 1 auto;
min-height: 0;
}

#gg-right-sidebar-list,
#gg-right-sidebar-post,
#gg-right-sidebar-page{
min-height: 0;
overflow: hidden;
}

.gg-panelcard{
--gg-panel-pad:10px;
--gg-panel-row-gap:10px;
--gg-panel-icon-size:15px;
--gg-panel-label-size:8px;
--gg-panel-value-size:12px;
--gg-panel-chip-size:10px;
--gg-panel-chip-height:24px;
--gg-panel-chip-pad-inline:9px;
background:var(--gg-surface);
border:1px solid var(--gg-border);
border-radius:var(--gg-radius-md);
box-shadow:var(--gg-shadow-sm);
}


#gg-left-sb-body-list,
#gg-left-sb-body-post{
--gg-left-sidebar-divider: color-mix(in srgb, var(--gg-border) 70%, transparent);
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
gap: 10px;
padding: 10px;
}
#gg-left-sb-body-list{min-height:0;overflow:auto;gap:var(--gg-left-sidebar-gap);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:12px;}
#gg-left-sb-body-post{overflow:hidden;}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .widget{
margin: 0;
padding: 0 0 12px;
border-bottom: 1px solid var(--gg-left-sidebar-divider);
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .widget:last-child{
border-bottom: 0;
padding-bottom: 0;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .widget-content{
display: grid;
gap: 10px;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :where(.widget-title, .title){
margin: 0 0 8px;
font-size: var(--gg-panel-label-size, 8px);
letter-spacing: .14em;
text-transform: uppercase;
color: var(--gg-muted);
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :where(ul, ol){
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 6px;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :where(a){
display: block;
padding: 6px 8px;
border-radius: 8px;
color: var(--gg-ink);
font-size: var(--gg-panel-value-size, 12px);
line-height: 1.42;
text-decoration: none;
transition: background-color var(--gg-dur-fast) ease, color var(--gg-dur-fast) ease;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :where(a:hover){
background: var(--gg-state-hover);
}

:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree{
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree + .gg-navtree{
margin-top: 6px;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__summary{
grid-template-columns: 15px 1fr 15px;
gap: 7px;
padding: 3px 4px;
border-radius: 8px;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__summary:hover{
background: color-mix(in srgb, var(--gg-state-hover) 86%, transparent);
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__summary:focus-visible{
outline: 2px solid color-mix(in srgb, var(--gg-ink) 40%, transparent);
outline-offset: 2px;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :is(.gg-navtree__summary-icon,.gg-navtree__summary-chev){
font-size: 15px;
color: var(--gg-muted);
opacity: .9;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__summary-chev{
transition: transform var(--gg-dur-fast) ease;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__summary-text{
font-size: var(--gg-panel-label-size, 8px);
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 600;
color: var(--gg-muted);
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__items{
padding: 2px 0 0;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__list{
margin: 0;
display: grid;
gap: 0;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__item + .gg-navtree__item{
border-top: 1px solid var(--gg-left-sidebar-divider);
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :is(.gg-navtree__link,.gg-leftnav__link--page){
display: flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 6px 8px;
border-radius: 8px;
font-size: var(--gg-panel-value-size, 12px);
line-height: 1.42;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :is(.gg-navtree__link,.gg-leftnav__link--page)::before{
flex: 0 0 15px;
width: 15px;
font-size: 15px;
color: var(--gg-muted);
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :is(.gg-navtree__link,.gg-leftnav__link--page):is(:hover,[aria-current="page"]){
background: color-mix(in srgb, var(--gg-state-hover) 86%, transparent);
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) :is(.gg-navtree__link,.gg-leftnav__link--page):focus-visible{
outline: 2px solid color-mix(in srgb, var(--gg-ink) 42%, transparent);
outline-offset: 1px;
}
:is(#gg-left-sb-body-list,#gg-left-sb-body-post) .gg-navtree__note{
margin: 0 8px 8px 28px;
font-size: 10px;
}
#gg-left-sb-body-list .gg-lt[data-gg-module="labeltree"] .gg-lt__head{
margin:0 0 6px 0 !important;
padding:0 0 6px 0 !important;
border-bottom:1px solid var(--gg-left-sidebar-divider) !important;
}
#gg-left-sb-body-list .gg-lt[data-gg-module="labeltree"] .gg-lt__headbtn{
gap:7px !important;
padding:3px 4px !important;
font-size:var(--gg-panel-label-size,8px) !important;
font-weight:600 !important;
letter-spacing:.14em !important;
text-transform:uppercase !important;
color:var(--gg-muted) !important;
border-radius:8px !important;
}
#gg-left-sb-body-list .gg-lt[data-gg-module="labeltree"] .gg-lt__hico{
font-size:15px !important;
color:var(--gg-muted) !important;
}
#gg-left-sb-body-list .gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn{
width:var(--gg-tap-min) !important;
height:var(--gg-tap-min) !important;
min-width:var(--gg-tap-min) !important;
min-height:var(--gg-tap-min) !important;
border-radius:8px !important;
}
#gg-left-sb-body-list .gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn .material-symbols-rounded{
font-size:15px !important;
color:var(--gg-muted) !important;
transition:transform var(--gg-dur-fast) ease !important;
transform:rotate(180deg);
}
#gg-left-sb-body-list .gg-lt[data-gg-module="labeltree"][data-gg-state~="collapsed"] .gg-lt__panelbtn .material-symbols-rounded{
transform:rotate(0deg);
}
#gg-left-sb-body-list .gg-leftnav__socialbar{
display:grid;
gap:8px;
}
#gg-left-sb-body-list .gg-leftnav__sociallabel{
margin:0;
font-size:var(--gg-panel-label-size,8px);
letter-spacing:.14em;
text-transform:uppercase;
color:var(--gg-muted);
}
#gg-left-sb-body-list .gg-leftnav__sociallinks{
display:flex;
flex-wrap:wrap;
gap:8px;
}
#gg-left-sb-body-list .gg-leftnav__socialbar .gg-leftnav__sociallink{
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--gg-tap-soc);
height:var(--gg-tap-soc);
min-width:var(--gg-tap-soc);
min-height:var(--gg-tap-soc);
padding:0;
border:1px solid var(--gg-border);
border-radius:999px;
background:color-mix(in srgb, var(--gg-surface) 90%, #e5e7eb);
color:var(--gg-ink);
line-height:1;
}
#gg-left-sb-body-list .gg-leftnav__socialbar .gg-leftnav__sociallink svg{
width:16px;
height:16px;
fill:currentColor;
}


.gg-mixed{
--gg-mixed-gap: 12px;
--gg-mixed-card-bg: var(--gg-surface);
--gg-mixed-card-border: var(--gg-border);
--gg-mixed-card-shadow: var(--gg-shadow-sm);
--gg-mixed-row-divider: color-mix(in srgb, var(--gg-border) 70%, transparent);
--gg-mixed-thumb-bg: #e5e7eb;
--gg-mixed-rail-col: clamp(172px, 16.5vw, 236px);
--gg-mixed-ratio: 1 / 1.48;
--gg-skeleton-shimmer: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
display: grid;
gap: var(--gg-mixed-gap);
min-width: 0;
padding:10px 0px;

}
.gg-main__col{
min-width: 0;
}
/* Supported postmeta hook: <div class="gg-postmeta" data-author="pakrpp" data-tags="a,b" data-contributors="masrpp;kangrpp" data-updated="YYYY-MM-DD"></div> */
.gg-postmeta{
display:none !important;
}
.gg-mixed :is(.gg-mixed__thumb, .gg-newsdeck__thumb){
aspect-ratio: var(--gg-mixed-ratio);
}
.gg-mixed__hd,
.gg-mixed__head{
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 8px;
}
.gg-mixed__kicker{
margin: 0;
}
.gg-mixed__hd .gg-mixed__kicker[data-role="kicker"]{
font-size: 8px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--gg-muted);
}
.gg-mixed__title{
margin: 0;
font-size: 11px;
line-height: 1.2;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--gg-ink);
}
.gg-mixed__more{
justify-self: end;
font-size: 10px;
letter-spacing: .04em;
font-weight: 500;
color: var(--gg-muted);
text-decoration: none;
white-space: nowrap;
}
.gg-mixed[data-gg-title-empty="1"] .gg-mixed__hd{
grid-template-columns: auto 1fr;
}
.gg-mixed[data-gg-title-empty="1"] .gg-mixed__title{
display: none;
}
.gg-mixed__more:hover{
color: var(--gg-ink);
text-decoration: underline;
text-underline-offset: 2px;
}
.gg-mixed__bd{
position: relative;
display: grid;
gap: var(--gg-mixed-gap);
min-height: 0;
}
.gg-mixed__status{
margin: 0;
font-size: 12px;
color: var(--gg-muted);
}
.gg-mixed__grid{
position: relative;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: var(--gg-mixed-gap);
justify-content: start;
align-content: start;
min-height: 0;
}
.gg-mixed__rail{
display: grid;
grid-auto-flow: column;
grid-auto-columns: var(--gg-mixed-rail-col);
gap: var(--gg-mixed-gap);
overflow-x: auto;
scroll-snap-type: x proximity;
overscroll-behavior-x: contain;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
min-width: 0;
min-height: 0;
}
.gg-mixed__rail > .gg-mixed__card{
scroll-snap-align: start;
}
.gg-mixed__card{
display: flex;
flex-direction: column;
gap: 7px;
min-width: 0;
border: 1px solid var(--gg-mixed-card-border);
border-radius: var(--gg-radius-sm);
background: var(--gg-mixed-card-bg);
box-shadow: var(--gg-mixed-card-shadow);
overflow: hidden;
color: inherit;
text-decoration: none;
transition: transform var(--gg-dur-fast) ease, box-shadow var(--gg-dur-fast) ease, border-color var(--gg-dur-fast) ease;
}
.gg-mixed__card:hover{
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--gg-border) 62%, var(--gg-ink) 14%);
}
.gg-mixed__card:focus-visible{
border-color: color-mix(in srgb, var(--gg-border) 55%, var(--gg-ink) 18%);
box-shadow: var(--gg-shadow-md);
}
.gg-mixed__card--placeholder{
pointer-events: none;
position: relative;
}
.gg-mixed__card--placeholder::after{
content: "";
position: absolute;
inset: 0;
background: var(--gg-skeleton-shimmer);
transform: translateX(-100%);
animation: gg-skeleton-slide 1.35s linear infinite;
}
.gg-mixed__thumb{
width: 100%;
background: var(--gg-mixed-thumb-bg);
display: block;
overflow: hidden;
}
.gg-mixed__thumb img{
width: 100%;
height: 100%;
object-fit: cover;
}
.gg-mixed__body{
display: grid;
gap: 4px;
padding: 0 9px 10px;
}
.gg-mixed__card--placeholder .gg-mixed__thumb{
background: color-mix(in srgb, var(--gg-mixed-thumb-bg) 78%, #f8fafc);
}
.gg-mixed__card--placeholder .gg-mixed__body{
gap: 8px;
}
.gg-mixed__card--placeholder .gg-mixed__kicker{
width: 48%;
min-height: 10px;
color: transparent;
border-radius: 999px;
background: color-mix(in srgb, var(--gg-mixed-thumb-bg) 74%, #f8fafc);
}
.gg-mixed__card--placeholder .gg-mixed__headline{
min-height: 16px;
color: transparent;
border-radius: 999px;
background: color-mix(in srgb, var(--gg-mixed-thumb-bg) 74%, #f8fafc);
}
.gg-mixed__card .gg-mixed__kicker,
.gg-newsdeck__kicker{
font-size: 9px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--gg-muted);
}
.gg-mixed__headline,
.gg-newsdeck__title{
margin: 0;
font-size: 13px;
line-height: 1.35;
color: var(--gg-ink);
}
.gg-mixed__error{
margin: 0;
font-size: 12px;
color: var(--gg-muted);
}
.gg-mixed__skeleton{
position: absolute;
inset: 0;
border-radius: var(--gg-radius-sm);
pointer-events: none;
opacity: 0;
transition: opacity .2s ease;
}
.gg-mixed__skeleton::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.35), rgba(255,255,255,0));
animation: gg-shimmer 1.2s linear infinite;
}
.gg-mixed[data-gg-state~="loading"] .gg-mixed__skeleton{
opacity: 1;
}
.gg-mixed[data-gg-state~="loaded"] .gg-mixed__skeleton,
.gg-mixed[data-gg-state~="error"] .gg-mixed__skeleton{
opacity: 0;
}


.gg-mixed[data-type="bookish"] .gg-mixed__grid,
.gg-mixed[data-type="instagram"] .gg-mixed__grid{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gg-mixed[data-type="bookish"],
.gg-mixed[data-gg-kind="bookish"]{
--gg-mixed-ratio: 1 / 1.48;
}
.gg-mixed[data-type="rail"],
.gg-mixed[data-gg-kind="featured"]{
--gg-mixed-ratio: 1 / 1.48;
--gg-mixed-rail-col: clamp(208px, calc((100% - (var(--gg-mixed-gap) * 2)) / 3.28), 332px);
}
.gg-mixed[data-type="instagram"],
.gg-mixed[data-gg-kind="instagramish"]{
--gg-mixed-ratio: 4 / 6;
}
.gg-mixed[data-gg-kind="pinterestish"]{
--gg-mixed-ratio: 1 / 1.48;
}
.gg-mixed[data-type="popular"],
.gg-mixed[data-gg-kind="popular"]{
--gg-mixed-ratio: 1 / 1.48;
--gg-mixed-rail-col: clamp(160px, calc((100% - (var(--gg-mixed-gap) * 9)) / 10.35), 240px);
}


.gg-mixed[data-type="youtube"] .gg-mixed__grid,
.gg-mixed[data-type="shorts"] .gg-mixed__grid,
.gg-mixed[data-type="podcast"] .gg-mixed__grid,
.gg-mixed[data-type="popular"] .gg-mixed__grid,
.gg-mixed[data-type="rail"] .gg-mixed__grid{
display: none;
}
.gg-mixed[data-type="youtube"] .gg-mixed__rail,
.gg-mixed[data-type="shorts"] .gg-mixed__rail,
.gg-mixed[data-type="podcast"] .gg-mixed__rail,
.gg-mixed[data-type="popular"] .gg-mixed__rail,
.gg-mixed[data-type="rail"] .gg-mixed__rail{
display: grid;
}
.gg-mixed[data-type="youtube"],
.gg-mixed[data-gg-kind="youtubeish"]{
--gg-mixed-ratio: 16 / 9;
--gg-mixed-rail-col: clamp(320px, calc((100% - (var(--gg-mixed-gap) * 2)) / 3.25), 520px);
}
.gg-mixed[data-type="shorts"],
.gg-mixed[data-gg-kind="shortish"]{
--gg-mixed-ratio: 9 / 16;
--gg-mixed-rail-col: clamp(150px, calc((100% - (var(--gg-mixed-gap) * 4)) / 5.25), 240px);
}
.gg-mixed[data-type="podcast"],
.gg-mixed[data-gg-kind="podcastish"]{
--gg-mixed-ratio: 1 / 1;
--gg-mixed-rail-col: clamp(140px, calc((100% - (var(--gg-mixed-gap) * 5)) / 6.25), 210px);
}


.gg-mixed[data-type="newsdeck"] .gg-mixed__rail{
display: none !important;
}
.gg-mixed[data-type="newsdeck"],
.gg-mixed[data-gg-kind="newsish"]{
--gg-mixed-ratio: 1 / 1;
}
.gg-newsdeck{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--gg-mixed-gap);
}
.gg-newsdeck__col{
display: grid;
grid-template-rows: auto 1fr;
border: 1px solid var(--gg-border);
border-radius: var(--gg-radius-sm);
background: var(--gg-surface);
overflow: hidden;
}
.gg-newsdeck__col-label{
margin: 0;
padding: 8px 12px;
border-bottom: 1px solid var(--gg-mixed-row-divider);
font-size: 9px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--gg-muted);
}
.gg-newsdeck__item{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 9px;
padding: 9px 12px;
color: inherit;
text-decoration: none;
transition: background-color var(--gg-dur-fast) ease;
}
.gg-newsdeck__item:hover{
background: color-mix(in srgb, var(--gg-surface) 90%, #e5e7eb);
}
.gg-newsdeck__item:focus-visible{
background: color-mix(in srgb, var(--gg-surface) 86%, #d1d5db);
}
.gg-newsdeck__item + .gg-newsdeck__item{
border-top: 1px solid var(--gg-mixed-row-divider);
}
.gg-newsdeck__body{
order: 1;
flex: 1 1 auto;
min-width: 0;
display: grid;
gap: 4px;
}
.gg-newsdeck__thumb{
order: 2;
flex: 0 0 72px;
width: 72px;
height: 72px;
border-radius: 8px;
overflow: hidden;
background: var(--gg-mixed-thumb-bg);
}
.gg-newsdeck__title{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gg-newsdeck__time{
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
color: var(--gg-muted);
line-height: 1.25;
white-space: nowrap;
}
.gg-newsdeck__open{
opacity: .45;
font-size: 12px;
line-height: 1;
}
.gg-newsdeck__thumb img{
width: 100%;
height: 100%;
object-fit: cover;
}
.gg-newsdeck__item--placeholder{
pointer-events: none;
position: relative;
}
.gg-newsdeck__item--placeholder::after{
content: "";
position: absolute;
inset: 0;
background: var(--gg-skeleton-shimmer);
transform: translateX(-100%);
animation: gg-skeleton-slide 1.35s linear infinite;
}
.gg-newsdeck__item--placeholder .gg-newsdeck__body{
min-height: 48px;
}
.gg-newsdeck__item--placeholder .gg-newsdeck__kicker{
opacity: .75;
width: 48%;
min-height: 10px;
color: transparent;
border-radius: 999px;
background: color-mix(in srgb, var(--gg-mixed-thumb-bg) 74%, #f8fafc);
}
.gg-newsdeck__item--placeholder .gg-newsdeck__title{
min-height: 16px;
color: transparent;
border-radius: 999px;
background: color-mix(in srgb, var(--gg-mixed-thumb-bg) 74%, #f8fafc);
}
.gg-newsdeck__item--placeholder .gg-newsdeck__time{
width: 44%;
min-height: 10px;
color: transparent;
border-radius: 999px;
background: color-mix(in srgb, var(--gg-mixed-thumb-bg) 74%, #f8fafc);
}
.gg-newsdeck__item--placeholder .gg-newsdeck__thumb{
background: color-mix(in srgb, var(--gg-mixed-thumb-bg) 78%, #f8fafc);
}

@media (max-width: 1280px){
.gg-mixed[data-type="bookish"] .gg-mixed__grid,
.gg-mixed[data-type="instagram"] .gg-mixed__grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 860px){
.gg-mixed[data-type="bookish"] .gg-mixed__grid,
.gg-mixed[data-type="instagram"] .gg-mixed__grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 920px){
.gg-mixed{
padding: 8px 10px;
}
.gg-newsdeck{
grid-template-columns: minmax(0, 1fr);
}
}


main.gg-main[data-gg-surface="listing"]{
--gg-card-ratio: 1.48;
--gg-listing-cols: 4;
--gg-listing-gap: 16px;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main{
display: block;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main > .gg-listing__title{
margin: 0 0 var(--gg-listing-gap);
}
main.gg-main[data-gg-surface="listing"] #FeaturedPost1{
display: none !important;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main > .gg-mixed-widget--flow{
margin-top: var(--gg-listing-gap);
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main > .gg-mixed-widget--flow .widget-title,
main.gg-main[data-gg-surface="listing"] .gg-blog-main > .gg-mixed-widget--flow .title{
display: none !important;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main > .gg-mixed-widget--flow:first-of-type{
margin-top: 0;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main #gg-featuredpost1[data-gg-relocated='1'],
main.gg-main[data-gg-surface="listing"] .gg-blog-main #gg-popularpost1[data-gg-relocated='1']{
display: none !important;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main .gg-mixed[data-gg-disabled='1']{
display: none !important;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main #postcards{
display: grid;
grid-template-columns: repeat(var(--gg-listing-cols), minmax(0, 1fr));
gap: var(--gg-listing-gap);
align-items: start;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main #postcards > .gg-post-card:first-child{
grid-column: span 1;
grid-row: span 1;
max-height: clamp(280px, 32vw, 520px);
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main #postcards > .gg-post-card:first-child .gg-post-card__title{
font-size: clamp(18px, 1.45vw, 24px);
}
main.gg-main[data-gg-surface="listing"] .gg-loadmore-wrap{
margin: 16px 0 28px;
}
main.gg-main[data-gg-surface="listing"] .gg-mixed[data-gg-kind="featured"]{
--gg-mixed-rail-col: clamp(206px, calc((100% - (var(--gg-mixed-gap) * 2)) / 3.28), 332px);
}
@media (max-width: 1279px){
main.gg-main[data-gg-surface="listing"]{
--gg-listing-cols: 3;
}
}
@media (max-width: 860px){
main.gg-main[data-gg-surface="listing"]{
--gg-listing-cols: 2;
}
main.gg-main[data-gg-surface="listing"] .gg-blog-main #postcards > .gg-post-card:first-child{
grid-column: 1 / -1;
grid-row: auto;
max-height: none;
}
}

.gg-blog-main[data-gg-label-mode-active='1'] #postcards,
.gg-blog-main[data-gg-label-mode-active='1'] .gg-loadmore-wrap{
display: none !important;
}

#gg-label-channel{
--gg-channel-gap: 12px;
--gg-channel-border: var(--gg-border);
--gg-channel-bg: var(--gg-surface);
display: grid;
gap: var(--gg-channel-gap);
padding: 10px 12px 12px;
border: 1px solid var(--gg-channel-border);
border-radius: var(--gg-radius-sm);
background: var(--gg-channel-bg);
}
#gg-label-channel .gg-label-channel__hd{
display: grid;
gap: 4px;
}
#gg-label-channel .gg-label-channel__kicker{
margin: 0;
font-size: 9px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--gg-muted);
}
#gg-label-channel .gg-label-channel__title{
margin: 0;
font-size: 16px;
line-height: 1.3;
color: var(--gg-ink);
}
#gg-label-channel .gg-label-channel__body{
display: grid;
gap: var(--gg-channel-gap);
}
#gg-label-channel .gg-label-channel__section{
display: grid;
gap: 8px;
}
#gg-label-channel .gg-label-channel__subhead{
margin: 0;
font-size: 9px;
letter-spacing: .11em;
text-transform: uppercase;
color: var(--gg-muted);
}
#gg-label-channel .gg-label-channel__rail{
display: grid;
grid-auto-flow: column;
grid-auto-columns: clamp(178px, 22vw, 260px);
gap: var(--gg-channel-gap);
overflow-x: auto;
scroll-snap-type: x mandatory;
overscroll-behavior-x: contain;
}
#gg-label-channel .gg-label-channel__card{
display: grid;
gap: 7px;
min-width: 0;
border: 1px solid var(--gg-channel-border);
border-radius: var(--gg-radius-sm);
background: var(--gg-channel-bg);
color: inherit;
text-decoration: none;
overflow: hidden;
box-shadow: var(--gg-shadow-sm);
}
#gg-label-channel .gg-label-channel__rail .gg-label-channel__card{
scroll-snap-align: start;
}
#gg-label-channel .gg-label-channel__thumb{
display: block;
width: 100%;
background: #e5e7eb;
overflow: hidden;
}
#gg-label-channel .gg-label-channel__thumb--sq{ aspect-ratio: 1 / 1; }
#gg-label-channel .gg-label-channel__thumb--yt{ aspect-ratio: 16 / 9; }
#gg-label-channel .gg-label-channel__thumb--short{ aspect-ratio: 9 / 16; }
#gg-label-channel .gg-label-channel__thumb--photo{ aspect-ratio: 3 / 4; }
#gg-label-channel .gg-label-channel__thumb img{
width: 100%;
height: 100%;
object-fit: cover;
}
#gg-label-channel .gg-label-channel__meta{
display: grid;
gap: 4px;
padding: 0 9px 10px;
}
#gg-label-channel .gg-label-channel__titleline{
font-size: 13px;
line-height: 1.35;
color: var(--gg-ink);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#gg-label-channel .gg-label-channel__time{
font-size: 11px;
color: var(--gg-muted);
}
#gg-label-channel .gg-label-channel__masonry{
column-count: 4;
column-gap: var(--gg-channel-gap);
}
#gg-label-channel .gg-label-channel__masonry .gg-label-channel__card{
display: inline-grid;
width: 100%;
margin: 0 0 var(--gg-channel-gap);
break-inside: avoid;
}
#gg-label-channel .gg-label-channel__masonry .gg-label-channel__card--tall .gg-label-channel__thumb--photo{
aspect-ratio: 4 / 5;
}
#gg-label-channel .gg-label-channel__card--skeleton{
pointer-events: none;
position: relative;
}
#gg-label-channel .gg-label-channel__card--skeleton::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
transform: translateX(-100%);
animation: gg-skeleton-slide 1.35s linear infinite;
}
#gg-label-channel .gg-label-channel__card--skeleton .gg-label-channel__titleline,
#gg-label-channel .gg-label-channel__card--skeleton .gg-label-channel__time{
color: transparent;
border-radius: 999px;
background: color-mix(in srgb, #e5e7eb 72%, #f8fafc);
}
#gg-label-channel .gg-label-channel__card--skeleton .gg-label-channel__titleline{
min-height: 16px;
}
#gg-label-channel .gg-label-channel__card--skeleton .gg-label-channel__time{
width: 42%;
min-height: 11px;
}
#gg-label-channel .gg-label-channel__error{
margin: 0;
font-size: 12px;
color: var(--gg-muted);
}
@media (max-width: 1280px){
#gg-label-channel .gg-label-channel__masonry{
column-count: 3;
}
}
@media (max-width: 920px){
#gg-label-channel .gg-label-channel__masonry{
column-count: 2;
}
}
@media (max-width: 640px){
#gg-label-channel .gg-label-channel__masonry{
column-count: 1;
}
}

.gg-blog-sidebar ul{ list-style: none; padding-left: 0; margin: 0; }
.gg-blog-sidebar li{ display: flex; gap: 8px; color: var(--gg-ink); }
.gg-blog-sidebar li a{ flex: 1; }




.gg-blog-layout--list .gg-info-panel{
display: grid;
width: min(100%, clamp(320px, 22vw, 360px));
margin-inline: auto;
max-height: calc(100vh - 0px);
overflow: hidden;
min-height: 0;
height: 100%;
}
.gg-editorial-preview{
display: grid;
grid-template-rows: auto auto minmax(0, 1fr) auto;
height: 100%;
min-height: 0;
border: 1px solid var(--gg-border);
border-radius: var(--gg-radius-md);
background: var(--gg-surface);
box-shadow: var(--gg-shadow-sm);
overflow: hidden;
}
.gg-epanel__head{
display: grid;
grid-template-columns: 1fr;
align-items: center;
gap: 8px;
padding: 7px 10px;
border-bottom: 1px solid var(--gg-border);
}
.gg-epanel__eyebrow{
font-size: 8px;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--gg-muted);
}
.gg-epanel__media{
position: relative;
display: block;
aspect-ratio: 1/var(--gg-card-ratio);
border-bottom: 1px solid var(--gg-border);
background: color-mix(in srgb, var(--gg-surface) 86%, #e5e7eb);
overflow: hidden;
}
.gg-epanel__media .gg-info-panel__thumb-img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.gg-epanel__body{
min-height: 0;
overflow: auto;
padding: 9px 10px 10px;
}
.gg-epanel__rows{
display:grid;
gap:10px;
margin:0;
}
.gg-epanel__row{
display:grid;
grid-template-columns: 18px 1fr;
column-gap:10px;
align-items:start;
margin:0;
}
.gg-epanel__row[hidden]{
display:none;
}
.gg-epanel__icon{
margin-top: 2px;
font-size: 15px;
line-height: 1;
color: var(--gg-muted);
}
.gg-epanel__cell{
min-width:0;
display:grid;
gap:3px;
}
.gg-epanel__label{
margin:0;
font-size:8px;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--gg-muted);
}
.gg-epanel__value{
margin:0;
min-width:0;
font-size:12px;
line-height:1.42;
font-weight:500;
color:var(--gg-ink);
}
.gg-epanel__value a{
color:inherit;
text-decoration:none;
}
.gg-epanel__value a:hover{
text-decoration:underline;
text-underline-offset:2px;
}
.gg-epanel__value--title{
font-size:13px;
line-height:1.36;
}
.gg-epanel__row[data-row="title"] dd a{
display:inline-block;
max-width:100%;
}
.gg-epanel__row[data-row="snippet"] [data-s="snippet"]{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
overflow:hidden;
}
.gg-epanel__value--toc{
display:grid;
gap:6px;
}
.gg-editorial-preview .gg-info-panel__toclist{
margin: 0;
max-height: 180px;
overflow: auto;
list-style: none;
padding: 0;
display: grid;
gap: 3px;
}
.gg-editorial-preview .gg-chip-row,
.gg-epanel__chips{
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.gg-editorial-preview .gg-chip,
.gg-epanel__chips .gg-chip{
display: inline-flex;
align-items: center;
gap: 4px;
min-height: 24px;
padding: 0 9px;
border: 1px solid var(--gg-border);
border-radius: 999px;
font-size: 10px;
line-height: 1.2;
text-decoration: none;
color: var(--gg-ink);
background: color-mix(in srgb, var(--gg-surface) 90%, #e5e7eb);
}
.gg-editorial-preview .gg-info-panel__tocitem{
margin: 0;
list-style: none;
}
.gg-editorial-preview .gg-info-panel__toclink{
display: flex;
align-items: center;
gap: 7px;
color: inherit;
text-decoration: none;
border-radius: 8px;
padding: 3px 4px;
}
.gg-editorial-preview .gg-info-panel__toclink:hover{
background: color-mix(in srgb, var(--gg-surface) 88%, #d1d5db);
}
.gg-editorial-preview .gg-info-panel__tocnum{
opacity: .7;
font-variant-numeric: tabular-nums;
}
.gg-editorial-preview .gg-info-panel__toclvl-3{
padding-left: 10px;
}
.gg-editorial-preview .gg-info-panel__toclvl-4{
padding-left: 16px;
}
.gg-editorial-preview .gg-info-panel__tochint{
margin: 0;
font-size: 11px;
color: var(--gg-muted);
line-height: 1.4;
}
.gg-editorial-preview .gg-info-panel__tocline{
display: block;
width: 100%;
height: 8px;
border-radius: 999px;
background: color-mix(in srgb, var(--gg-surface) 84%, #d1d5db);
}
.gg-editorial-preview .gg-info-panel__tocitem--skeleton .gg-info-panel__toclink{
pointer-events: none;
}
.gg-editorial-preview .gg-info-panel__tocitem--skeleton:nth-child(2) .gg-info-panel__tocline{
width: 84%;
}
.gg-editorial-preview .gg-info-panel__tocitem--skeleton:nth-child(3) .gg-info-panel__tocline{
width: 72%;
}
.gg-editorial-preview .gg-info-panel__tocitem--skeleton:nth-child(4) .gg-info-panel__tocline{
width: 91%;
}
.gg-epanel__foot{
padding: 10px;
border-top: 1px solid var(--gg-border);
}
.gg-epanel__cta{
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 7px;
min-height: 32px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid var(--gg-border);
background: color-mix(in srgb, var(--gg-surface) 88%, #dbe3ee);
color: var(--gg-ink);
font-size: 10px;
letter-spacing: .08em;
text-transform: uppercase;
}
.gg-epanel__cta:hover{
background: color-mix(in srgb, var(--gg-surface) 80%, #dbe3ee);
}


main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]):is([data-gg-info-panel="closed"],[data-gg-right-panel="closed"]) .gg-blog-sidebar--right{
display: none;
}
@media (max-width: 1919px){
main.gg-main:is([data-gg-info-panel="closed"],[data-gg-right-panel="closed"]) .gg-blog-layout--list .gg-blog-sidebar--right{
display: none;
}
main.gg-main:is([data-gg-info-panel="open"],[data-gg-right-panel="open"]) .gg-blog-layout--list .gg-blog-sidebar--right{
display: block;
}
}

.gg-blog-layout--list .gg-info-panel{ padding:10px; }
main.gg-main[data-gg-surface="home"] .gg-blog-layout--list .gg-info-panel__thumb.gg-info-panel__hero{
aspect-ratio: 1 / var(--gg-card-ratio);
}
main.gg-main[data-gg-surface="home"] .gg-blog-layout--list .gg-info-panel__thumb.gg-info-panel__hero .gg-info-panel__hero-cta{
left: 12px;
right: 12px;
width: auto;
transform: none;
justify-content: center;
}
.gg-infopanel-backdrop,
.gg-panels-backdrop,
.gg-backdrop{
position: fixed;
inset: 0;
background: rgba(11,13,16,.42);
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
z-index: var(--z-overlay);
}
.gg-infopanel-backdrop[data-gg-state~="visible"],
.gg-panels-backdrop[data-gg-state~="visible"]{
opacity: 1;
pointer-events: auto;
}
.gg-backdrop[data-gg-state~="visible"]{
opacity: 1;
pointer-events: auto;
}
html[data-gg-state~="scroll-lock"],
body[data-gg-state~="scroll-lock"]{
overflow: hidden;
}


main.gg-main[data-gg-surface="post"][data-gg-right-mode="comments"]:is([data-gg-info-panel="open"],[data-gg-right-panel="open"]) .gg-comments-panel{
display: flex;
flex-direction: column;
gap: 10px;
}


main.gg-main[data-gg-surface="post"][data-gg-right-mode="comments"] .gg-blog-sidebar--right :is(.gg-blog-sidebar__section,.gg-blog-sidebar__section-page){
display: none;
}


main.gg-main[data-gg-right-mode="comments"] .gg-blog-sidebar--right .gg-post__comments{
position: static;
top: auto;
max-height: none;
overflow: visible;
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
.gg-comments-loading{
padding: 12px 14px;
font-size: 14px;
opacity: .85;
}


main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"])[data-gg-left-panel="closed"] .gg-blog-sidebar--left{
display: none;
}
@media (max-width: 920px){
main.gg-main[data-gg-left-panel="closed"] .gg-blog-sidebar--left{
display: none;
}
}


main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]){
background: var(--gg-bg);
--gg-main-max: min(var(--gg-col-main), calc(100vw - var(--gg-col-left) - var(--gg-col-right) - 32px));
}

main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]),
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-main{
padding-bottom: var(--gg-dock-safe);
}

main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-post{
max-width: 100%;
padding: 0 0 32px;
}
.gg-blog-layout--post{
display: grid;
max-width: none;
margin-inline: 0;
padding: 0;
gap: var(--gg-col-gap);
justify-content: center;
}
.gg-blog-layout--post .gg-blog-main{
grid-column: 2;
}


main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-layout--post :is(.gg-blog-sidebar--left,.gg-blog-sidebar--right){
display: block;
position: sticky;
top: var(--gg-sticky-top, 0px);
height: calc(100dvh - var(--gg-sticky-top, 0px));
max-height: calc(100dvh - var(--gg-sticky-top, 0px));
min-height: 0;
overflow: hidden;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
z-index: var(--z-sticky);
opacity: 1;
pointer-events: auto;
transition: none;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-layout--post .gg-blog-sidebar--left{
display: flex;
flex-direction: column;
gap: 10px;
width: var(--gg-col-left);
height: calc(100dvh - var(--gg-sticky-top, 0px));
max-height: calc(100dvh - var(--gg-sticky-top, 0px));
min-height: 0;
overflow: hidden;
left: auto;
transform: none;
}
main.gg-main[data-gg-surface="post"] .gg-blog-sidebar--left #gg-postinfo,
main.gg-main[data-gg-surface="page"] .gg-blog-sidebar--left #gg-postinfo{
flex:0 0 auto;
min-height:0;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-layout--post .gg-blog-sidebar--right{
width: var(--gg-col-right);
right: auto;
transform: none;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"])[data-gg-left-panel="open"] .gg-blog-sidebar--left{
opacity: 1;
pointer-events: auto;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]):is([data-gg-right-panel="open"],[data-gg-info-panel="open"]) .gg-blog-sidebar--right{
opacity: 1;
pointer-events: auto;
}
main.gg-main[data-gg-surface="post"][data-gg-right-mode="comments"] .gg-blog-layout--post .gg-blog-sidebar--right{
display: flex;
flex-direction: column;
overflow: visible;
}

.gg-blog-layout--post .gg-info-panel{ display: none; }
.gg-blog-layout--post .blog-posts,
.gg-blog-layout--post #postcards{
grid-template-columns: minmax(0, 1fr);
}

.gg-post__toolbar{
position: sticky;
top: 10px;
z-index: var(--z-float-2);

display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;

padding: 10px 14px 0px;
margin: 0 auto 10px;
max-width: 1180px;


pointer-events: none;
}
@media (max-width: 960px){
.gg-post__toolbar{ display: none; }
}

.gg-post__toolbar-group{

display: inline-flex;
align-items: center;
gap: 8px;
pointer-events: auto;
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
border-radius: 0;
}


.gg-post__tool{
appearance: none;
width: var(--gg-tap-min);
height: var(--gg-tap-min);
min-width: var(--gg-tap-min);
min-height: var(--gg-tap-min);
padding: 0;
position: relative;

display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;

border-radius: 999px;


background: rgba(0,0,0,.62);
border: 1px solid rgba(255,255,255,.20);
box-shadow:
0 12px 28px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.18);

backdrop-filter: blur(14px) saturate(150%);
-webkit-backdrop-filter: blur(14px) saturate(150%);

color: rgba(255,255,255,.92);
cursor: pointer;

transition:
transform .16s ease,
background-color .16s ease,
border-color .16s ease,
box-shadow .16s ease,
opacity .16s ease;
}


.gg-post__tool .gg-icon{ color: currentColor; }

.gg-post__tool:hover{
background: rgba(0,0,0,.72);
border-color: rgba(255,255,255,.32);
box-shadow:
0 10px 26px rgba(0,0,0,.20),
inset 0 1px 0 rgba(255,255,255,.18);
transform: translateY(-1px);
}

.gg-post__tool:active{
transform: translateY(0) scale(.98);
}

.gg-post__tool:focus-visible{
outline: 2px solid rgba(255,255,255,.55);
outline-offset: 3px;
}


.gg-post__tool[data-gg-postbar="back"]{
}

.gg-post__tool-label{
font-size: 13px;
font-weight: 700;
letter-spacing: .01em;
color: currentColor;
}
.gg-post__tool-badge{
position: absolute;
top: -4px;
right: -4px;
min-width: 16px;
height: 16px;
padding: 0 4px;
border-radius: 999px;
background: linear-gradient(135deg,#ff5bbd,#ff2c92);
border: 1px solid rgba(255,255,255,.7);
box-shadow: 0 8px 18px rgba(0,0,0,.22);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 800;
color: #fff;
line-height: 1;
} 


@media (max-width: 720px){
.gg-post__toolbar{
flex-wrap: wrap;
justify-content: flex-start;
}
}


@media (prefers-reduced-motion: reduce){
.gg-post__tool{ transition: none !important; }
}

.gg-post__tool-badge{ pointer-events: none; }


.gg-post__tool{
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
user-select: none;
}


.gg-post__tool .material-symbols-rounded{
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}


.gg-post__tool[data-gg-state~="active"] .material-symbols-rounded{
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}


.gg-post__tool[data-gg-state~="active"]{
border-color: rgba(255,255,255,.45);
box-shadow:
0 12px 28px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.22);
}


.gg-post__tool-badge{ pointer-events: none; }


.gg-post__tool{
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
user-select: none;
}


.gg-post__tool .gg-icon.material-symbols-rounded{
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}


.gg-post__tool[data-gg-state~="active"] .gg-icon.material-symbols-rounded{
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}


.gg-post__tool .gg-icon.material-symbols-rounded{
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}


.gg-post__tool[data-gg-state~="active"] .gg-icon.material-symbols-rounded{
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.gg-post__tool[data-gg-state~="active"] .gg-icon.material-symbols-rounded{
font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}




main.gg-main[data-gg-surface="post"] .gg-post__cover,
main.gg-main[data-gg-surface="post"] .gg-post__cover{
border-radius: var(--gg-radius-lg);
overflow: hidden;
border: 1px solid var(--gg-border);
background: #fff;
box-shadow: var(--gg-shadow);
max-width: 1100px;
margin: 0 auto 14px;
position: relative;
}
main.gg-main[data-gg-surface="post"] .gg-post__cover img,
main.gg-main[data-gg-surface="post"] .gg-post__cover img{
width: 100%;
height: min(520px, 56vh);
object-fit: cover;
display: block;
}
main.gg-main[data-gg-surface="post"] .gg-post__cover figcaption,
main.gg-main[data-gg-surface="post"] .gg-post__cover figcaption{
position: absolute;
inset: auto 14px 12px 14px;
padding: 10px 12px;
background: linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.65) 100%);
border-radius: 12px;
color: #f8fafc;
font-size: 12px;
letter-spacing: .02em;
text-align: center;
}


main.gg-main[data-gg-surface="post"] .gg-post__header,
main.gg-main[data-gg-surface="post"] .gg-post__header{
text-align: center;
max-width: 820px;
margin: 0 auto 18px;
}
main.gg-main[data-gg-surface="post"] .gg-post__title,
main.gg-main[data-gg-surface="post"] .gg-post__title{
margin: 18px 0 6px;
font-size: clamp(28px, 2.5vw, 42px);
line-height: 1.12;
}
main.gg-main[data-gg-surface="post"] .gg-post__meta,
main.gg-main[data-gg-surface="post"] .gg-post__meta{
justify-content: center;
}


main.gg-main[data-gg-surface="post"] .gg-post__body,
main.gg-main[data-gg-surface="post"] .gg-post__body{
max-width: 100%;
margin: 0 auto;
}
main.gg-main[data-gg-surface="post"] .gg-post__content,
main.gg-main[data-gg-surface="post"] .gg-post__content{
max-width: 66ch;
margin: 0 auto;
font-size: 16px;
line-height: 1.62;
font-weight: 400;
letter-spacing: .005em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
main.gg-main[data-gg-surface="post"] .gg-post__content :where(p, ul, ol, pre, figure, table, blockquote),
.post-body :where(p, ul, ol, pre, figure, table, blockquote){
margin: 0 0 var(--gg-space-16);
}
main.gg-main[data-gg-surface="post"] .gg-post__content :where(h1, h2, h3, h4, h5, h6),
.post-body :where(h1, h2, h3, h4, h5, h6){
margin: var(--gg-space-24) 0 var(--gg-space-12);
line-height: 1.15;
letter-spacing: -0.01em;
}
main.gg-main[data-gg-surface="post"] .gg-post__content :where(ul, ol),
.post-body :where(ul, ol){
padding-left: 1.25rem;
}
main.gg-main[data-gg-surface="post"] .gg-post__content :where(a),
.post-body :where(a),
.gg-post__body a,
.gg-article a{
text-decoration: underline;
text-decoration-thickness: .08em;
text-underline-offset: .18em;
text-decoration-skip-ink: auto;
}
main.gg-main[data-gg-surface="post"] .gg-post__content :where(blockquote),
.post-body :where(blockquote){
padding: var(--gg-space-12) var(--gg-space-16);
border-left: 3px solid var(--gg-line-strong);
background: rgba(15,23,42,.03);
border-radius: 12px;
}
main.gg-main[data-gg-surface="post"] .gg-post__actions,
main.gg-main[data-gg-surface="post"] .gg-post__actions{
grid-column: 1;
}


main.gg-main[data-gg-surface="post"] .gg-post__comments,
main.gg-main[data-gg-surface="post"] .gg-post__comments{
grid-column: 2;
align-self: start;

position: sticky;
top: var(--gg-sticky-top);

max-height: calc(100dvh - (var(--gg-sticky-top) * 2));
overflow: auto;

background: var(--gg-surface);
border: 1px solid var(--gg-border);
border-radius: var(--gg-radius-lg);
box-shadow: var(--gg-shadow);
padding: 14px;
}
.gg-post.is-comments-collapsed .gg-post__comments{ display: none; }

.gg-post__footer{
grid-column: 1;
max-width: 75ch;
margin: 18px auto 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.gg-post__footer-tags{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.gg-post__tag{
display: inline-flex;
align-items: center;
gap: 6px;
height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #eef2f7;
border: 1px solid var(--gg-border);
font-size: 13px;
}

.gg-post__breadcrumbs{
display: flex;
align-items: flex-end;
justify-content: center;
gap: 2px;
flex-wrap: wrap;
margin: 10px 0;
}


.gg-post__breadcrumbs-label:hover{text-decoration:underline;} 

.gg-post__breadcrumbs svg{ color: var(--gg-ink); }
.gg-post__breadcrumbs-sep{
color: #94a3b8;
font-weight: 600;
}


@media (max-width: 1024px){
main.gg-main[data-gg-surface="post"] .gg-post__body,
main.gg-main[data-gg-surface="post"] .gg-post__body{
grid-template-columns: 1fr;
}
main.gg-main[data-gg-surface="post"] .gg-post__comments,
main.gg-main[data-gg-surface="post"] .gg-post__comments{
position: static;
max-height: none;
overflow: visible;
}
}

@media (max-width: 1280px){
main.gg-main[data-gg-surface="post"] .gg-post__body,
main.gg-main[data-gg-surface="post"] .gg-post__body{
grid-template-columns: 1fr;
}
main.gg-main[data-gg-surface="post"] .gg-post__comments,
main.gg-main[data-gg-surface="post"] .gg-post__comments{
position: static;
max-height: none;
overflow: visible;
}
}

@media (max-width: 920px){

.gg-blog-layout{
grid-template-columns: 1fr;
padding: 16px;
}
.gg-blog-sidebar--left,
.gg-blog-main,
.gg-blog-sidebar--right{
grid-column: 1;
width: auto;
}


.gg-blog-sidebar{
position: sticky;
top: var(--gg-sticky-top, 0px);
height: calc(100dvh - var(--gg-sticky-top, 0px));
max-height: calc(100dvh - var(--gg-sticky-top, 0px));
min-height: 0;
z-index: var(--z-sticky-2);
padding:10px;
overflow: hidden;
}
.gg-blog-sidebar--left{
left: auto;
width: auto;
transform: none;
}
.gg-blog-sidebar--right{
right: auto;
width: auto;
transform: none;
}

main.gg-main[data-gg-left-panel="closed"] .gg-blog-sidebar--left{ display: none; }
main.gg-main[data-gg-left-panel="open"] .gg-blog-sidebar--left{ display: flex; }
main.gg-main[data-gg-right-panel="closed"][data-gg-info-panel="closed"] .gg-blog-sidebar--right{ display: none; }
main.gg-main[data-gg-info-panel="open"] .gg-blog-sidebar--right,
main.gg-main[data-gg-right-panel="open"] .gg-blog-sidebar--right{ display: flex; }

main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-layout--post :is(.gg-blog-sidebar--left,.gg-blog-sidebar--right){
top: var(--gg-sticky-top, 0px);
height: calc(100dvh - var(--gg-sticky-top, 0px));
max-height: calc(100dvh - var(--gg-sticky-top, 0px));
border-radius: var(--gg-radius-md);
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-layout--post .gg-blog-sidebar--left{
left: auto;
width: auto;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-layout--post .gg-blog-sidebar--right{
right: auto;
width: auto;
}


.gg-lt{font-family:inherit;color:#0f172a;}
.gg-lt__card{
margin-top: 6px;
background: linear-gradient(180deg,#f7f9fc 0%,#ffffff 45%);
border:1px solid #e6ebf3;
border-radius:14px;
padding:12px 12px 14px;
box-shadow:0 12px 26px rgba(15,23,42,.08);
}
.gg-lt__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
.gg-lt__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#0f172a;}
.gg-lt__icon{font-size:18px;line-height:1;color:#0f172a;}
.gg-lt__collapse{
background:#f5f7fb;
border:1px solid #e3e8f0;
border-radius:10px;
width:var(--gg-tap-min);
height:var(--gg-tap-min);
min-width:var(--gg-tap-min);
min-height:var(--gg-tap-min);
display:inline-flex;align-items:center;justify-content:center;
cursor:pointer;
color:#0f172a;
transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.gg-lt__collapse:hover{
background:#eef2f8;
border-color:#d7deea;
box-shadow:0 6px 14px rgba(15,23,42,.10);
}
.gg-lt__list,.gg-lt__children{list-style:none;margin:0;padding:0;}
.gg-lt__list{display:flex;flex-direction:column;gap:2px;}
.gg-lt__item{position:relative;padding-left:0;}
.gg-lt__btn{
width:100%;
display:flex;align-items:center;gap:10px;
padding:8px 8px;
border:0;background:transparent;
border-radius:10px;
cursor:pointer;text-align:left;
font-size:14px;
transition:background .15s ease;
color:#0f172a;
}

} 

#gg-landing{ background: var(--gg-bg, #f6f7f9); color: var(--gg-ink, #0f172a); }
#gg-landing a{ color: inherit; text-decoration: none; }
#gg-landing *{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
.gg-section{ scroll-margin-top: 72px; }
main.gg-main[data-gg-surface="home"] #gg-landing>.gg-section{
min-height:100vh;
min-height:100svh;
min-height:100dvh;
}


.gg-wrap{
width: min(var(--gg-main-max, 950px), calc(100% - 32px));
margin-inline: auto;
}


.gg-topbar{
    position: sticky;
    display: contents;
top: 0;
z-index: var(--z-float-1);
backdrop-filter: blur(var(--gg-glass-blur, 14px));
background: rgba(255,255,255,.60);
border-bottom: 1px solid var(--gg-border, rgba(15,23,42,.12));
}
.gg-topbar__in{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
padding: 10px 0;
}
.gg-brand{ display:flex; align-items:center; gap:10px; font-weight: 800; }
.gg-brand__dot{
width: 10px; height: 10px; border-radius: 999px;
background: #111827;
}
.gg-nav{ display:flex; gap: 14px; align-items:center; flex-wrap: wrap; }
.gg-nav__a{
padding: 8px 10px;
border-radius: var(--gg-radius-sm, 12px);
color: rgba(15,23,42,.78);
transition: transform var(--gg-dur-fast, .16s) ease, background var(--gg-dur-fast, .16s) ease;
}
.gg-nav__a:hover{ background: rgba(15,23,42,.06); transform: translateY(-1px); }
.gg-nav__a--cta{ background: rgba(15,23,42,.10); }


.gg-plain{ padding: clamp(54px, 7vw, 88px) 0; }
.gg-darkband{
padding: clamp(54px, 7vw, 88px) 0;
background: radial-gradient(900px 500px at 15% 25%, rgba(255,255,255,.08), rgba(255,255,255,0) 55%),
linear-gradient(180deg, #0b1220, #070b14);
color: rgba(255,255,255,.92);
}
.gg-contact{ padding: clamp(54px, 7vw, 88px) 0; }


.gg-section:not(:first-child){
content-visibility: auto;
contain-intrinsic-size: 900px;
}


.gg-kicker{
margin: 0 0 10px;
font: 800 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
letter-spacing: .10em;
text-transform: uppercase;
color: rgba(255,255,255,.70);
}
.gg-kicker--dark{ color: rgba(15,23,42,.60); }

.gg-display{
margin: 0 0 10px;
font: 900 clamp(30px, 5.4vw, 60px)/1.02 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color: rgba(255,255,255,.92);
}
.gg-h2{
margin: 0 0 10px;
font: 900 var(--gg-font-h2)/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color: rgba(15,23,42,.92);
}
.gg-h2--light{ color: rgba(255,255,255,.92); }

.gg-sub{
margin: 0;
color: rgba(15,23,42,.70);
font: 650 15px/1.55 system-ui, -apple-system, Segoe UI, Roboto, Arial;
max-width: 70ch;
}
.gg-sub--light{ color: rgba(255,255,255,.72); }
.gg-lead{
margin: 0 0 18px;
color: rgba(255,255,255,.78);
font: 650 15px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial;
max-width: 70ch;
}
.gg-h3{
margin: 0 0 8px;
font: 850 var(--gg-font-h3)/1.25 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color: rgba(15,23,42,.92);
}
.gg-h3--light{ color: rgba(255,255,255,.92); }

.gg-p{ margin: 0 0 10px; color: rgba(15,23,42,.72); font: 600 14px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.gg-p--light{ color: rgba(255,255,255,.74); }

.gg-micro{
margin: 12px 0 0;
color: rgba(255,255,255,.62);
font: 650 12px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.gg-micro--dark{ color: rgba(15,23,42,.58); }


.gg-ctaRow{ display:flex; gap: 10px; flex-wrap: wrap; align-items:center; }
.gg-btn{
display:inline-flex; align-items:center; justify-content:center; gap:10px;
padding: 12px 14px;
min-height: var(--gg-tap-min);
border-radius: var(--gg-radius-sm, 12px);
border: 1px solid rgba(255,255,255,.18);
background: rgba(255,255,255,.08);
color: rgba(255,255,255,.92);
font: 800 var(--gg-font-sm)/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
transition: transform var(--gg-dur-fast, .16s) ease, background var(--gg-dur-fast, .16s) ease;
will-change: transform;
}
.gg-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.12); }
.gg-btn:disabled{
opacity: .55;
cursor: not-allowed;
pointer-events: none;
}
.gg-btn--ghost{
background: rgba(15,23,42,.06);
color: rgba(15,23,42,.86);
border-color: rgba(15,23,42,.10);
}
.gg-btn--ghost:hover{ background: rgba(15,23,42,.09); }
.gg-btn--accent{
background: #111827;
border-color: rgba(17,24,39,.25);
color: #fff;
}
.gg-btn--accent:hover{ background: #0b1220; }

.gg-ic{ display:inline-flex; }


.gg-hero{
position: relative;
min-height: 100svh;
display: grid;
align-items: center;
overflow: clip;
background: #0b1220;
}
.gg-hero__media{ position:absolute; inset:0; z-index: var(--z-base); background:#0b1220; }
.gg-hero__video{ width:100%; height:100%; object-fit: cover; display:block; transform: translateZ(0); }
.gg-hero__scrim{
position:absolute; inset:0; z-index: var(--z-normal); pointer-events:none;
background:
radial-gradient(1100px 700px at 20% 35%, rgba(0,0,0,.12), rgba(0,0,0,.62) 62%),
linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.62));
}
.gg-hero__in{ position:relative; z-index: var(--z-raise-1); padding: 54px 0 28px; }
.gg-hero__card{
border-radius: var(--gg-radius-lg, 22px);
border: 1px solid rgba(255,255,255,.14);
background: rgba(0,0,0,.34);
padding: 22px 18px;
box-shadow: var(--gg-shadow, 0 18px 50px rgba(15,23,42,.10));
}
.gg-hero__stats{
margin-top: 14px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.gg-stat{
border-radius: var(--gg-radius-sm, 12px);
border: 1px solid rgba(255,255,255,.12);
background: rgba(0,0,0,.22);
padding: 12px 12px;
}
.gg-stat__n{ font: 900 18px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial; color: rgba(255,255,255,.92); }
.gg-stat__t{ margin-top: 4px; font: 700 12px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial; color: rgba(255,255,255,.65); }


.gg-head{ margin-bottom: 18px; }
.gg-head--dark .gg-kicker{ color: rgba(255,255,255,.66); }


.gg-grid3{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
.gg-card{
border-radius: var(--gg-radius-md, 18px);
border: 1px solid var(--gg-border, rgba(15,23,42,.12));
background: var(--gg-surface, #fff);
padding: 16px 14px;
box-shadow: var(--gg-shadow, 0 18px 50px rgba(15,23,42,.10));
}
.gg-card__ic{ font-size: 18px; margin-bottom: 10px; }
.gg-ul{ margin: 0; padding-left: 18px; color: rgba(15,23,42,.70); font: 650 13px/1.55 system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.gg-ul li{ margin: 6px 0; }


.gg-steps{
list-style: none;
padding: 0;
margin: 18px 0 0;
display: grid;
gap: 10px;
}
.gg-step{
display:flex; gap: 12px; align-items:flex-start;
border-radius: var(--gg-radius-md, 18px);
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.06);
padding: 14px 14px;
}
.gg-step__n{
width: 44px; height: 44px; border-radius: 14px;
display:grid; place-items:center;
border: 1px solid rgba(255,255,255,.14);
background: rgba(0,0,0,.18);
font: 950 13px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color: rgba(255,255,255,.86);
flex: 0 0 auto;
}
.gg-note{
margin-top: 14px;
border-radius: var(--gg-radius-md, 18px);
border: 1px solid rgba(255,255,255,.12);
background: rgba(0,0,0,.18);
padding: 12px 12px;
color: rgba(255,255,255,.76);
font: 650 13px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}


.gg-card--price{ position: relative; }
.gg-card--featured{
border-color: rgba(17,24,39,.22);
box-shadow: 0 20px 60px rgba(15,23,42,.14);
transform: translateY(-2px);
}
.gg-badge{
position:absolute; top: 12px; right: 12px;
padding: 6px 8px;
border-radius: 999px;
font: 900 11px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
background: rgba(17,24,39,.10);
border: 1px solid rgba(17,24,39,.12);
}
.gg-price{ margin: 0 0 12px; color: rgba(15,23,42,.60); font: 800 13px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial; }

.gg-faq{ margin-top: 14px; display:grid; gap: 10px; }
.gg-details{
border-radius: var(--gg-radius-md, 18px);
border: 1px solid var(--gg-border, rgba(15,23,42,.12));
background: rgba(15,23,42,.03);
padding: 12px 12px;
}
.gg-details summary{
cursor: pointer;
font: 850 13px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color: rgba(15,23,42,.84);
}


.gg-contactGrid{
margin-top: 18px;
display:grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.gg-card--contact{ box-shadow: none; }
.gg-field{ display:block; margin: 10px 0; }
.gg-field__l{ display:block; margin: 0 0 6px; color: rgba(15,23,42,.62); font: 800 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial; }
.gg-input{
width: 100%;
padding: 12px 12px;
border-radius: var(--gg-radius-sm, 12px);
border: 1px solid var(--gg-border, rgba(15,23,42,.12));
background: #fff;
font: 650 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
outline: none;
}
.gg-input:focus{ border-color: rgba(15,23,42,.22); }

.gg-foot{
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--gg-border, rgba(15,23,42,.12));
display:flex;
gap: 10px;
flex-wrap: wrap;
align-items:center;
color: rgba(15,23,42,.62);
font: 700 12px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.gg-dot{ opacity: .6; }


@media (max-width: 900px){
.gg-grid3{ grid-template-columns: 1fr; }
.gg-hero__stats{ grid-template-columns: 1fr; }
.gg-contactGrid{ grid-template-columns: 1fr; }
.gg-topbar__in{ padding: 10px 0; }
}


@media (prefers-reduced-motion: reduce){
html{ scroll-behavior: auto; }
.gg-hero__video{ display:none; }
}







.gg-sc-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:38px;
padding:0 16px;
border-radius:999px;
font-weight:800;
font-size:14px;
letter-spacing:.01em;
color:#fff;
background:linear-gradient(135deg,#111827,#0ea5e9 55%,#60a5fa);
box-shadow:0 12px 26px rgba(15,23,42,.18);
border:1px solid rgba(255,255,255,.18);
transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.gg-sc-btn:hover{filter:brightness(1.05);transform:translateY(-1px);}
.gg-sc-btn:active{transform:translateY(0);}

.gg-sc-alert{
display:grid;
grid-template-columns:auto 1fr;
gap:10px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--gg-border);
background:#f8fafc;
color:var(--gg-ink);
box-shadow:0 12px 26px rgba(15,23,42,.08);
}
.gg-sc-alert::before{
content:attr(data-gg-ico);
font-family:"Material Symbols Rounded";
font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 20;
font-size:20px;
line-height:1;
align-self:flex-start;
}
.gg-sc-alert[data-gg-type="warning"]{background:#fff7ed;border-color:#fed7aa;}
.gg-sc-alert[data-gg-type="warning"]::before{color:#ea580c;}
.gg-sc-alert[data-gg-type="success"]{background:#ecfdf3;border-color:#bbf7d0;}
.gg-sc-alert[data-gg-type="success"]::before{color:#16a34a;}
.gg-sc-alert[data-gg-type="danger"]{background:#fef2f2;border-color:#fecdd3;}
.gg-sc-alert[data-gg-type="danger"]::before{color:#dc2626;}
.gg-sc-alert[data-gg-type="info"]{background:#eff6ff;border-color:#bfdbfe;}
.gg-sc-alert[data-gg-type="info"]::before{color:#2563eb;}

.gg-sc-youtube{
position:relative;
width:100%;
padding-top:56.25%;
border-radius:18px;
overflow:hidden;
background:#0b1220;
box-shadow:0 16px 38px rgba(0,0,0,.28);
margin:14px 0;
}
.gg-sc-youtube iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}

.gg-sc-accordion{
border:1px solid var(--gg-border);
border-radius:16px;
background:#fff;
box-shadow:var(--gg-shadow);
margin:12px 0;
overflow:hidden;
}
.gg-sc-accordion__toggle{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:12px 14px;
border:0;
background:linear-gradient(135deg,rgba(15,23,42,.05),rgba(15,23,42,.12));
cursor:pointer;
font-weight:800;
text-align:left;
}
.gg-sc-accordion__icon{
font-family:"Material Symbols Rounded";
font-size:20px;
line-height:1;
transition:transform .16s ease;
}
.gg-sc-accordion[data-gg-state~="open"] .gg-sc-accordion__icon{transform:rotate(180deg);}
.gg-sc-accordion__body{
padding:12px 14px 14px;
display:none;
}
.gg-sc-accordion[data-gg-state~="open"] .gg-sc-accordion__body{display:block;}


.gg-skeleton-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:var(--gg-gap);
margin:6px 0 12px;
}
.gg-skeleton-grid--overlay{
position: absolute;
inset: 0;
z-index: var(--z-raise-4);
pointer-events: none;
margin: 0;
align-content: start;
padding: 8px;
background: linear-gradient(180deg, rgba(251,251,250,.66), rgba(251,251,250,.08));
}
.gg-skeleton-card{
border-radius:var(--gg-radius-sm);
background:#fff;
border:1px solid var(--gg-border);
overflow:hidden;
box-shadow:var(--gg-shadow);
padding:0 0 12px;
}
.gg-skeleton-thumb{
position:relative;
aspect-ratio:1/var(--gg-card-ratio);
background:#e5e7eb;
}
.gg-skeleton-line{
height:12px;
border-radius:999px;
background:#e5e7eb;
margin:10px 12px 0;
}
.gg-skeleton-line:last-child{width:60%;}
.gg-shimmer{
position:relative;
overflow:hidden;
}
.gg-shimmer::after{
content:"";
position:absolute;
inset:-40% -40%;
background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);
animation:gg-shimmer 1.6s infinite;
}
@keyframes gg-shimmer{to{transform:translateX(120%);}}

#postcards{
position: relative;
}
#postcards[data-gg-skeleton="on"]{
filter: saturate(.94);
}
.gg-skeleton-grid[data-gg-state~="fading"]{opacity:0;transition:opacity .2s ease;}
@media (prefers-reduced-motion: reduce){
.gg-shimmer::after{animation:none;}
}


nav.gg-dock .gg-dock__progress{
position:absolute;
left:8px;
right:8px;
bottom:-2px;
height:6px;
border-radius:999px;
background:rgba(255,44,146,.12);
border:1.5px solid rgba(255,44,146,.55);
box-shadow:
0 10px 22px rgba(0,0,0,.16),
0 0 0 2px rgba(255,44,146,.18),
inset 0 0 0 1px rgba(255,255,255,.14);
overflow:hidden;
pointer-events:none;
}
nav.gg-dock .gg-dock__progress-bar{
display:block;
height:100%;
width:0;
background:linear-gradient(90deg,#ff80cf,#ff3e9f,#ff7fbf);
box-shadow:0 6px 14px rgba(255,44,146,.22);
transition:width .12s ease;
}
body[data-gg-state~="landing"] nav.gg-dock .gg-dock__progress{opacity:.45;}

nav.gg-dock .gg-dock__progress,
nav.gg-dock .gg-dock__progress-bar{opacity:0;}


nav.gg-dock .gg-dock__perimeter{
position:absolute;
inset:0;
pointer-events:none;
z-index: var(--z-normal);
margin:-1px;
}
nav.gg-dock .gg-dock__perimeter svg{
width:100%;
height:100%;
display:block;
}
nav.gg-dock .gg-dock__perimeter-track,
nav.gg-dock .gg-dock__perimeter-progress{
fill:none;
stroke-linecap:round;
stroke-linejoin:round;
}
nav.gg-dock .gg-dock__perimeter-track{
stroke:rgba(255,255,255,.28);
}
nav.gg-dock .gg-dock__perimeter-progress{
stroke:#ff4ca0;
filter:drop-shadow(0 6px 14px rgba(255,44,146,.3));
transition:stroke-dashoffset .12s ease;
}


.gg-related-inline{
margin:18px 0;
padding:14px 14px 16px;
border-radius:18px;
border:1px solid var(--gg-border);
background:linear-gradient(180deg,#f7f9fc 0%,#ffffff 45%);
box-shadow:0 16px 40px rgba(15,23,42,.10);
}
.gg-related-inline__eyebrow{
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:#2563eb;
margin:0 0 6px;
}
.gg-related-inline__title{
display:block;
font-size:18px;
font-weight:850;
margin:0 0 6px;
color:var(--gg-ink);
text-decoration:none;
}
.gg-related-inline__title:hover{text-decoration:underline;}
.gg-related-inline__meta{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
color:var(--gg-muted);
}
.gg-related-inline__thumb{
width:100%;
height:150px;
border-radius:12px;
object-fit:cover;
margin:8px 0;
display:block;
box-shadow:0 10px 26px rgba(0,0,0,.08);
}



.gg-yt-lite{
position:relative;width:100%;
aspect-ratio:16/9;
border-radius:16px;overflow:hidden;
background:#111;cursor:pointer;
}
.gg-yt-lite img{width:100%;height:100%;object-fit:cover;display:block;opacity:.95}
.gg-yt-play{
position:absolute;left:50%;top:50%;
width:76px;height:54px;transform:translate(-50%,-50%);
border-radius:14px;background:rgba(0,0,0,.55);
backdrop-filter:blur(8px);
}
.gg-yt-play:before{
content:"";position:absolute;left:30px;top:16px;
width:0;height:0;border-left:18px solid #fff;
border-top:11px solid transparent;border-bottom:11px solid transparent;
}


.gg-lt[data-gg-module="labeltree"]{font-family:inherit;color:#0f172a;}
.gg-lt[data-gg-module="labeltree"] *{box-sizing:border-box;}
.gg-lt[data-gg-module="labeltree"] ul{list-style:none !important;padding:0 !important;}
.gg-lt[data-gg-module="labeltree"] li{margin:0 !important;padding:0 !important;display:block !important;}
.gg-lt[data-gg-module="labeltree"] a{color:inherit;text-decoration:none;}
.gg-lt[data-gg-module="labeltree"] a:hover{text-decoration:underline;}


.gg-lt[data-gg-module="labeltree"]{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__head{
display:flex !important; align-items:center !important; justify-content:space-between !important;
gap:8px !important; padding:6px 0 !important; margin:0 0 6px 0 !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__headbtn{
display:flex !important; align-items:center !important; gap:8px !important;
border:0 !important; background:transparent !important;
font-weight:700 !important; font-size:14px !important;
min-height:var(--gg-tap-min) !important;
padding:4px 10px !important; border-radius:10px !important;
cursor:pointer !important; text-align:left !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__headbtn:hover{background:#f3f4f6 !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__headbtn:focus{background:#eeeeee !important; outline-offset:1px !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__hico{font-size:18px !important; line-height:1 !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn{
border:0 !important; background:transparent !important;
width:var(--gg-tap-min) !important; height:var(--gg-tap-min) !important;
min-width:var(--gg-tap-min) !important; min-height:var(--gg-tap-min) !important;
display:inline-flex !important; align-items:center !important; justify-content:center !important;
border-radius:10px !important; cursor:pointer !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn:hover{background:#f3f4f6 !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn:focus{background:#eeeeee !important; outline-offset:1px !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__tree{display:block !important;}
.gg-lt[data-gg-module="labeltree"][data-gg-state~="collapsed"] .gg-lt__tree{display:none !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__node{display:block !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__row{
width:100% !important;
display:flex !important; align-items:center !important; gap:8px !important;
padding:6px 6px !important;
border:0 !important; background:transparent !important;
border-radius:10px !important;
cursor:pointer !important;
text-align:left !important;
font-size:14px !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__row:hover{background:#f3f4f6 !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__row:focus{background:#eeeeee !important; outline-offset:1px !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__folder{
font-size:18px !important; line-height:1 !important;
flex:0 0 auto !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__labeltxt{
flex:1 1 auto !important; min-width:0 !important;
white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
}


.gg-lt[data-gg-module="labeltree"] .gg-lt__children{
display:none !important;
margin-left:26px !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__node[data-gg-state~="open"] > .gg-lt__children{display:block !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__post{
display:block !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__post a{
display:flex !important; align-items:center !important; gap:8px !important;
padding:5px 6px !important;
border-radius:10px !important;
font-size:13px !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__post a:hover{background:#f3f4f6 !important; text-decoration:none !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__doc{font-size:17px !important; line-height:1 !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__muted{font-size:13px !important;color:#6b7280 !important;padding:6px 6px !important;}

#gg-postinfo,
#gg-toc{
font-family:inherit;
color:var(--gg-ink);
padding:0;
display:flex;
flex-direction:column;
min-height:0;
border:1px solid var(--gg-border);
border-radius:var(--gg-radius-md);
background:var(--gg-surface);
box-shadow:var(--gg-shadow-sm);
overflow:hidden;
}
#gg-postinfo *,
#gg-toc *{box-sizing:border-box}
#gg-postinfo a,
#gg-toc a{color:inherit;text-decoration:none}
#gg-postinfo a:hover{ text-decoration:none; }
#gg-toc a:hover{ text-decoration:underline; text-underline-offset:2px; }

#gg-postinfo .gg-pi__head,
#gg-toc .gg-toc__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
padding:7px 10px;
margin:0;
border-bottom:1px solid var(--gg-border);
}
#gg-postinfo .gg-pi__headbtn,
#gg-toc .gg-toc__headbtn{
display:flex;
align-items:center;
gap:7px;
border:0;
background:transparent;
cursor:pointer;
font-weight:600;
font-size:var(--gg-panel-label-size,8px);
letter-spacing:.14em;
text-transform:uppercase;
color:var(--gg-muted);
padding:3px 4px;
border-radius:8px;
text-align:left;
min-height:var(--gg-tap-min);
}
#gg-postinfo .gg-pi__headbtn:hover,
#gg-postinfo .gg-pi__headbtn:focus,
#gg-toc .gg-toc__headbtn:hover,
#gg-toc .gg-toc__headbtn:focus{
background:color-mix(in srgb, var(--gg-surface) 88%, #d1d5db);
outline-offset:1px;
}
#gg-postinfo .gg-pi__ico,
#gg-toc .gg-toc__ico{
font-size:15px;
line-height:1;
}
#gg-postinfo .gg-pi__toggle,
#gg-toc .gg-toc__toggle{
border:0;
background:transparent;
width:var(--gg-tap-min);
height:var(--gg-tap-min);
min-width:var(--gg-tap-min);
min-height:var(--gg-tap-min);
border-radius:8px;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
#gg-postinfo .gg-pi__toggle:hover,
#gg-postinfo .gg-pi__toggle:focus,
#gg-toc .gg-toc__toggle:hover,
#gg-toc .gg-toc__toggle:focus{
background:color-mix(in srgb, var(--gg-surface) 88%, #d1d5db);
outline-offset:1px;
}

#gg-postinfo .gg-pi__body{
display:grid;
gap:10px;
padding:9px 10px 10px;
min-height:0;
overflow:auto;
}
#gg-postinfo[data-gg-state~="collapsed"] .gg-pi__body{display:none}
#gg-postinfo .gg-pi__sec{
margin:0;
display:grid;
gap:6px;
}
#gg-postinfo .gg-pi__sechead{
display:grid;
grid-template-columns:18px minmax(0,1fr);
column-gap:10px;
align-items:start;
margin:0;
}
#gg-postinfo .gg-pi__sico{
font-size:15px;
line-height:1;
color:var(--gg-muted);
margin-top:2px;
}
#gg-postinfo .gg-pi__kicker{
font-size:8px;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--gg-muted);
margin:0;
line-height:1.3;
}
#gg-postinfo .gg-pi__people{
display:grid;
gap:6px;
}
#gg-postinfo .gg-pi__person{
display:grid;
grid-template-columns:26px minmax(0,1fr);
align-items:center;
column-gap:10px;
min-height:30px;
padding:5px 7px;
border-radius:8px;
border:1px solid var(--gg-border);
background:color-mix(in srgb, var(--gg-surface) 92%, #e5e7eb);
}
#gg-postinfo .gg-pi__avatar{
width:26px;
height:26px;
border-radius:50%;
background:#111827;
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:11px;
font-weight:800;
}
#gg-postinfo .gg-pi__pmeta{
min-width:0;
display:flex;
align-items:baseline;
gap:6px;
flex-wrap:wrap;
}
#gg-postinfo .gg-pi__pname{
font-weight:600;
font-size:12px;
line-height:1.35;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#gg-postinfo .gg-pi__prole{
font-size:11px;
font-weight:500;
color:var(--gg-muted);
line-height:1.3;
}
#gg-postinfo .gg-pi__chips{
display:flex;
flex-wrap:wrap;
gap:6px;
}
#gg-postinfo .gg-pi__chip{
display:inline-flex;
align-items:center;
gap:4px;
min-height:24px;
padding:0 9px;
border-radius:999px;
border:1px solid var(--gg-border);
font-size:10px;
line-height:1.2;
background:color-mix(in srgb, var(--gg-surface) 90%, #e5e7eb);
}
#gg-postinfo .gg-pi__row{
display:grid;
grid-template-columns:18px minmax(0,1fr);
align-items:start;
gap:10px;
}
#gg-postinfo .gg-pi__chipico{
font-size:15px;
line-height:1;
}
#gg-postinfo .gg-pi__meta{
display:grid;
gap:8px;
margin-top:2px;
}
#gg-postinfo .gg-pi__metaitem{
display:grid;
grid-template-columns:18px minmax(0,1fr);
align-items:start;
column-gap:10px;
}
#gg-postinfo .gg-pi__mico{
font-size:15px;
line-height:1;
color:var(--gg-muted);
margin-top:2px;
}
#gg-postinfo .gg-pi__metaitem [data-slot]{
display:block;
min-width:0;
font-size:12px;
line-height:1.42;
font-weight:500;
color:var(--gg-ink);
}

#gg-toc{
height:100%;
}
#gg-toc .gg-toc__body{
display:flex;
flex-direction:column;
flex:1 1 auto;
min-height:0;
padding:9px 10px 10px;
overflow:hidden;
}
#gg-toc[data-gg-state~="collapsed"] .gg-toc__body{display:none}
#gg-toc .gg-toc__list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:3px;
flex:1 1 auto;
min-height:0;
overflow:auto;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
}
#gg-toc .gg-toc__item{display:block}
#gg-toc .gg-toc__link{
display:flex;
align-items:center;
gap:7px;
padding:3px 4px;
border-radius:8px;
font-size:12px;
line-height:1.42;
}
#gg-toc .gg-toc__link:hover{
background:color-mix(in srgb, var(--gg-surface) 88%, #d1d5db);
text-decoration:none;
}
#gg-toc .gg-toc__lvl-2 .gg-toc__link{padding-left:4px}
#gg-toc .gg-toc__lvl-3 .gg-toc__link{padding-left:10px}
#gg-toc .gg-toc__lvl-4 .gg-toc__link{padding-left:16px}
#gg-toc .gg-toc__num{
flex:0 0 auto;
min-width:0;
font-variant-numeric:tabular-nums;
opacity:.7;
}
#gg-toc .gg-toc__txt{
flex:1 1 auto;
min-width:0;
}
#gg-toc .gg-toc__empty{
font-size:11px;
color:var(--gg-muted);
padding:4px;
}
#gg-toc [data-gg-state~="active"] > .gg-toc__link{
background:color-mix(in srgb, var(--gg-surface) 88%, #d1d5db);
font-weight:600;
}

main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left :is(#gg-postinfo,#gg-toc){
border:0;
border-radius:0;
box-shadow:none;
background:transparent;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__head,
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-toc .gg-toc__head{
padding:9px 12px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__headbtn,
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-toc .gg-toc__headbtn,
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__kicker{
font-size:8.5px;
letter-spacing:.15em;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__sechead{
display:block;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__sechead .gg-pi__sico{
display:none;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__kicker{
font-size:10px;
letter-spacing:.03em;
text-transform:none;
font-weight:600;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__body{
padding:10px 12px 12px;
gap:11px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__sec{
gap:7px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__person{
grid-template-columns:28px minmax(0,1fr);
min-height:34px;
padding:6px 8px;
border-radius:10px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__avatar{
width:28px;
height:28px;
font-size:11px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__pname{
font-size:12.5px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__prole{
font-size:11.5px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__chips{
gap:7px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__chip{
min-height:26px;
padding:0 10px;
font-size:11px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__meta{
gap:9px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-postinfo .gg-pi__metaitem [data-slot]{
font-size:12.5px;
line-height:1.45;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-toc .gg-toc__body{
padding:10px 12px 10px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-toc .gg-toc__list{
gap:4px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-toc .gg-toc__link{
padding:4px 5px;
font-size:12.5px;
line-height:1.45;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-toc .gg-toc__num{
min-width:16px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list :where(.widget-title,.title){
font-size:8.5px;
letter-spacing:.15em;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list > .widget:has(.gg-lt[data-gg-module="labeltree"]) :where(.widget-title,.title){
display:none;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list .gg-navtree__summary{
padding:4px 5px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list .gg-navtree__summary-text{
font-size:10.5px;
letter-spacing:.04em;
text-transform:none;
font-weight:600;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list :is(.gg-navtree__link,.gg-leftnav__link--page){
min-height:30px;
padding:6px 8px;
font-size:12px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list .gg-leftnav__profile{
padding:8px 10px;
border-radius:10px;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list .gg-leftnav__sociallabel{
font-size:8.5px;
letter-spacing:.15em;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left #gg-left-sb-body-list .gg-footer__legal{
padding-top:10px;
border-top:1px solid var(--gg-left-sidebar-divider);
color:var(--gg-muted);
gap:6px 10px;
}



.gg-lt[data-gg-module="labeltree"]{font-family:inherit;color:#0f172a;}
.gg-lt[data-gg-module="labeltree"] *{box-sizing:border-box;}
.gg-lt[data-gg-module="labeltree"] ul{list-style:none !important;padding:0 !important;}
.gg-lt[data-gg-module="labeltree"] li{margin:0 !important;padding:0 !important;display:block !important;}
.gg-lt[data-gg-module="labeltree"] a{color:inherit;text-decoration:none;}
.gg-lt[data-gg-module="labeltree"] a:hover{text-decoration:underline;}


.gg-lt[data-gg-module="labeltree"]{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__head{
display:flex !important; align-items:center !important; justify-content:space-between !important;
gap:8px !important; padding:6px 0 !important; margin:0 0 6px 0 !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__headbtn{
display:flex !important; align-items:center !important; gap:8px !important;
border:0 !important; background:transparent !important;
font-weight:700 !important; font-size:14px !important;
min-height:var(--gg-tap-min) !important;
padding:4px 6px !important; border-radius:10px !important;
cursor:pointer !important; text-align:left !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__headbtn:hover{background:#f3f4f6 !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__headbtn:focus{background:#eeeeee !important; outline-offset:1px !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__hico{font-size:18px !important; line-height:1 !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn{
border:0 !important; background:transparent !important;
width:var(--gg-tap-min) !important; height:var(--gg-tap-min) !important;
min-width:var(--gg-tap-min) !important; min-height:var(--gg-tap-min) !important;
display:inline-flex !important; align-items:center !important; justify-content:center !important;
border-radius:10px !important; cursor:pointer !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn:hover{background:#f3f4f6 !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__panelbtn:focus{background:#eeeeee !important; outline-offset:1px !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__tree{display:block !important;}
.gg-lt[data-gg-module="labeltree"][data-gg-state~="collapsed"] .gg-lt__tree{display:none !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__node{display:block !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__row{
width:100% !important;
display:flex !important; align-items:center !important; gap:8px !important;
padding:6px 6px !important;
border:0 !important; background:transparent !important;
border-radius:10px !important;
cursor:pointer !important;
text-align:left !important;
font-size:14px !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__row:hover{background:#f3f4f6 !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__row:focus{background:#eeeeee !important; outline-offset:1px !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__folder{
font-size:18px !important; line-height:1 !important;
flex:0 0 auto !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__labeltxt{
flex:1 1 auto !important; min-width:0 !important;
white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
}


.gg-lt[data-gg-module="labeltree"] .gg-lt__children{
display:none !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__node[data-gg-state~="open"] > .gg-lt__children{display:block !important;}


.gg-lt[data-gg-module="labeltree"] .gg-lt__post{
display:block !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__post a{
display:flex !important; align-items:center !important; gap:8px !important;
padding:5px 6px !important;
border-radius:10px !important;
font-size:13px !important;
}
.gg-lt[data-gg-module="labeltree"] .gg-lt__post a:hover{background:#f3f4f6 !important; text-decoration:none !important;}
.gg-lt[data-gg-module="labeltree"] .gg-lt__doc{font-size:17px !important; line-height:1 !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__muted{font-size:13px !important;color:#6b7280 !important;padding:6px 6px !important;}

.gg-lt[data-gg-module="labeltree"] .gg-lt__post a[data-gg-state~="active"]{
background:#f3f4f6 !important;
font-weight:700 !important;
}




.gg-comments {
--gg-surface: var(--md-sys-color-surface, #ffffff);
--gg-surface-2: var(--md-sys-color-surface-container, #f7f8fb);
--gg-hover: var(--md-sys-color-surface-container-high, #f3f4f6);
--gg-ink: var(--md-sys-color-on-surface, #0f172a);
--gg-muted: var(--md-sys-color-on-surface-variant, #667085);
--gg-border: var(--md-sys-color-outline-variant, rgba(15, 23, 42, .14));
--gg-primary: var(--md-sys-color-primary, #FF00FF);
--gg-error: var(--md-sys-color-error, #dc2626);

--gg-r: var(--md-sys-shape-corner-large, 14px);
--gg-r-sm: 12px;
--gg-pill: 999px;

--gg-e1: 0 1px 2px rgba(0,0,0,.06);
--gg-e2: 0 16px 30px rgba(15,23,42,.12);


--gg-ce-h: 0px !important;

color: var(--gg-ink);
font-family: var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial);
}


.gg-comments,
.gg-comments * { box-sizing: border-box; }

.gg-comments .comment-thread,
.gg-comments .comments-content,
.gg-comments #cmt2-holder { width: 100%; max-width: 100%; }

.gg-comments .comment-thread ol,
.gg-comments .comment-thread ul,
.gg-comments #cmt2-holder ol,
.gg-comments #cmt2-holder ul {
margin: 0;
padding: 0;
list-style: none;
}


.gg-comments .comment-thread ol > div,
.gg-comments #cmt2-holder ol > div { display: contents; }


.gg-comments .ms,
.gg-comments .material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: 400;
font-style: normal;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
vertical-align: middle;
font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}
.gg-comments .ms { font-size: 18px; }




main.gg-main[data-gg-right-mode="comments"] .gg-blog-sidebar--right {
overflow: visible;
height: calc(100dvh - (var(--gg-sticky-top, 0px) * 2));
max-height: calc(100dvh - (var(--gg-sticky-top, 0px) * 2));
display: flex;
flex-direction: column;
-webkit-overflow-scrolling: touch;
}
main.gg-main[data-gg-right-mode="comments"] .gg-comments-panel {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
main.gg-main[data-gg-right-mode="comments"] .gg-comments-panel__body {
flex: 1 1 auto;
min-height: 0;
}


#comments {
background: var(--gg-bg, var(--gg-surface-2));
color: var(--gg-ink);
min-height: 0;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
--gg-ce-pad: calc(var(--gg-ce-h) + 0px + env(safe-area-inset-bottom));
--gg-dock-left: auto;
--gg-dock-width: auto;
}

.gg-post__comments[data-gg-comments-loaded="1"] [data-gg-comments-load],
.gg-comments[data-gg-comments-loaded="1"] [data-gg-comments-load] {
display: none !important;
}


#comments > .gg-comments__head {
position: sticky;
top: 0;
z-index: var(--z-raise-6);
margin: 0;
padding: 12px 14px 10px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
background: var(--gg-surface-2);
border-bottom: 1px solid color-mix(in srgb, var(--gg-border) 70%, transparent);
}


#comments .gg-comments__title { display: flex; align-items: center; gap: 10px; font-size: 18px; }
#comments .gg-comments__h { margin: 0; font-size: 18px; font-weight: 900; letter-spacing: .01em; }
#comments .gg-comments__count { margin-left: 8px; font-size: 12px; font-weight: 700; color: var(--gg-muted); }
#comments .gg-comments__actions,
#comments-ssr .gg-comments__actions,
.gg-comments .gg-comments__actions { display: flex; align-items: center; gap: 8px; }
.cmt2-help__btn{
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 11px;
border: 1px solid color-mix(in srgb, var(--gg-border) 75%, transparent);
background: linear-gradient(135deg,rgba(255,91,189,.12),rgba(255,44,146,.18));
color: var(--gg-ink);
cursor: pointer;
box-shadow: var(--gg-e1);
transition: background .16s ease, border-color .16s ease, transform .12s ease, box-shadow .16s ease;
}
.cmt2-help__btn:hover{
background: linear-gradient(135deg,rgba(255,91,189,.18),rgba(255,44,146,.24));
border-color: color-mix(in srgb, var(--gg-border) 55%, transparent);
box-shadow: 0 10px 20px rgba(0,0,0,.12), var(--gg-e1);
}
.cmt2-help__btn:active{ transform: translateY(1px); }
.cmt2-help__btn .ms{ font-size: 20px; }

.cmt2-help__modal{
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 18px;
background: rgba(0,0,0,.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
pointer-events: none;
transition: opacity .18s ease;
z-index: var(--z-drawer-rail);
}
body.gg-comments-help-open{
overflow: hidden;
}
.cmt2-help__modal[data-gg-state~="open"]{
opacity: 1;
pointer-events: auto;
}
.cmt2-help__overlay{
position: absolute;
inset: 0;
}
.cmt2-help__dialog{
position: relative;
width: min(520px, 100%);
border-radius: 18px;
border: 1px solid color-mix(in srgb, var(--gg-border) 70%, transparent);
background: var(--gg-surface);
box-shadow: 0 24px 80px rgba(15,23,42,.35);
overflow: hidden;
}
.cmt2-help__dialog-head{
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 16px 10px;
border-bottom: 1px solid color-mix(in srgb, var(--gg-border) 75%, transparent);
}
.cmt2-help__title{
font-size: 16px;
font-weight: 800;
letter-spacing: .01em;
}
.cmt2-help__close{
width: 32px;
height: 32px;
border-radius: 10px;
border: 1px solid color-mix(in srgb, var(--gg-border) 70%, transparent);
background: var(--gg-surface-2);
color: var(--gg-ink);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cmt2-help__close:hover{ background: var(--gg-hover); }
.cmt2-help__body{
padding: 12px 16px 16px;
display: grid;
gap: 8px;
}
.cmt2-help__row code{
display: inline-block;
padding: 6px 8px;
border-radius: 8px;
background: var(--gg-surface-2);
font-size: 13px;
font-weight: 700;
}
.cmt2-help__note{
font-size: 12px;
color: var(--gg-muted);
}

#comments > .gg-comments__head-spacer,
#comments > .gg-comments__footer-spacer {
height: 0;
width: 100%;
flex-shrink: 0;
}

#comments .gg-comments__sentinel {
width: 100%;
height: 1px;
pointer-events: none;
}

#comments .gg-comments__content #top-continue,
#comments .gg-comments__content .continue {
display: none !important;
}

#comments .gg-comments__footer #gg-top-continue {
display: block !important;
}

#comments:not(.gg-comments--docked) > .gg-comments__head,
#comments:not(.gg-comments--docked) > .gg-comments__footer {
position: static !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
width: auto !important;
transform: none !important;
}


#comments.gg-comments--docked > .gg-comments__head {
position: fixed;
top: 0;
left: var(--gg-dock-left);
width: var(--gg-dock-width);
z-index: var(--z-panel-2);
}


#comments > .gg-comments__content {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding: 0 4px var(--gg-ce-pad);
display: flex;
flex-direction: column;
gap: 10px;
flex: 1 1 auto;
}

#comments > .gg-comments__content > * {
flex-shrink: 0;
}


#comments .gg-comments__list {
margin: 0;
padding: 0 0 4px;
flex: 1 1 auto;
min-height: 0;
}


#comments .gg-comments__footer{
position: sticky;
bottom: 0;
background: var(--gg-surface-2);


display: flex;
flex-direction: column;
gap: 10px;
z-index: var(--z-raise-5);
margin-top: auto;
}


#comments .gg-comments__footer{
position: sticky;
bottom: 0;
z-index: var(--z-raise-7);

background: var(--gg-surface-2);
flex-direction: column;
gap: 0;
padding: 0;
overflow: visible;
margin-bottom:16px;
}
#comments .gg-comments__footer-inner{
display: flex;
flex-direction: column;
gap: 10px;
padding: 12px;
}
#comments .gg-comments__footer .continue,
#comments .gg-comments__footer #top-continue{
position: static !important;
bottom: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
order: 0;
}
#comments .gg-comments__footer #top-continue .comment-reply{
width: 100%;
justify-content: center;
}
#comments .gg-comments__footer #top-ce{
order: 1;
border: 0 !important;
background: transparent !important;
position: static !important;
bottom: auto !important;
padding: 0 !important;
max-width: 100% !important;
flex-direction: column;
gap: 10px;
}
#comments .gg-comments__footer[data-gg-open="0"] #top-ce{
display: none !important;
}
#comments .gg-comments__footer[data-gg-open="1"] #top-ce{
display: block !important;
}

#comments.gg-comments--docked > .gg-comments__footer{
position: fixed;
bottom: 0;
left: var(--gg-dock-left);
width: var(--gg-dock-width);
padding-bottom: env(safe-area-inset-bottom);
z-index: var(--z-panel);
}

#comments.gg-comments--replying > .gg-comments__footer {
position: static;
width: auto;
left: auto;
right: auto;
bottom: auto;
}

#comments.gg-comments--replying > .gg-comments__footer-spacer { height: 0 !important; }


main.gg-main[data-gg-right-mode="comments"] #comments {
height: 100dvh;
display: flex;
flex-direction: column;
}
main.gg-main[data-gg-right-mode="comments"] #comments > .gg-comments__head,
main.gg-main[data-gg-right-mode="comments"] #comments > .gg-comments__footer,
main.gg-main[data-gg-right-mode="comments"] #comments.gg-comments--docked > .gg-comments__head,
main.gg-main[data-gg-right-mode="comments"] #comments.gg-comments--docked > .gg-comments__footer {
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
width: auto !important;
transform: none !important;
}
main.gg-main[data-gg-right-mode="comments"] #comments > .gg-comments__content {
flex: 1 1 auto;
overflow-y: auto;
min-height: 0;
}



.gg-comments #cmt2-holder li.comment {
position: relative;
width: 100%;
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
column-gap: 12px;
row-gap: 4px;
padding: 12px 0 12px;
margin: 0;
border-bottom: 1px solid color-mix(in srgb, var(--gg-border) 55%, transparent);
background: transparent;
}


.gg-comments #cmt2-holder li.comment > .avatar-image-container {
grid-column: 1;
width: 38px;
height: 38px;
border-radius: 999px;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--gg-border) 70%, transparent);
background: var(--gg-surface);
}
.gg-comments #cmt2-holder li.comment > .avatar-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}


.gg-comments #cmt2-holder li.comment > .comment-block {
grid-column: 2;
min-width: 0;
}


.gg-comments #cmt2-holder li.comment > .comment-replies,
.gg-comments #cmt2-holder li.comment > .comment-replybox-single {
grid-column: 2 / -1;
min-width: 0;
margin-left: -33px;
margin-top:5px;
}


.gg-comments #cmt2-holder .comment-header {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 2px 10px;
}
.gg-comments #cmt2-holder cite.user {
font-style: normal;
font-weight: 900;
font-size: 13px;
margin: 0;
color: var(--gg-ink);
display: inline-flex;
align-items: center;
gap: 6px;
}
.gg-comments #cmt2-holder .datetime a {
display: inline-block;
font-size: 12px;
font-weight: 700;
color: var(--gg-muted);
text-decoration: none;
}
.gg-comments #cmt2-holder .datetime a:hover { text-decoration: underline; }


.gg-comments #cmt2-holder .comment-content {
margin: 8px 0 0;
font-size: 14px;
line-height: 1.6;
color: color-mix(in srgb, var(--gg-ink) 92%, transparent);
overflow-wrap: anywhere;
}


.gg-comments #cmt2-holder .comment-content.deleted,
.gg-comments #cmt2-holder .deleted {
color: var(--gg-muted);
font-style: italic;
}


.gg-comments #cmt2-holder .comment-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 8px;
}
.gg-comments .btn-pill,
.gg-comments #cmt2-holder a.comment-reply,
.gg-comments #cmt2-holder .item-control a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 12px;
border-radius: var(--gg-pill);
border: 1px solid color-mix(in srgb, var(--gg-border) 80%, transparent);
background: var(--gg-surface);
color: var(--gg-ink);
font-size: 12px;
font-weight: 900;
cursor: pointer;
text-decoration: none;
box-shadow: var(--gg-e1);
transition: background .16s ease, border-color .16s ease, transform .12s ease;
}
.gg-comments .btn-pill:hover,
.gg-comments #cmt2-holder a.comment-reply:hover,
.gg-comments #cmt2-holder .item-control a:hover {
background: var(--gg-hover);
}
.gg-comments .btn-pill:active,
.gg-comments #cmt2-holder a.comment-reply:active { transform: translateY(1px); }


.gg-comments .btn-pill.is-liked {
border-color: color-mix(in srgb, var(--gg-primary) 55%, var(--gg-border));
background: color-mix(in srgb, var(--gg-primary) 10%, var(--gg-surface));
color: var(--gg-primary);
}


.gg-comments #cmt2-holder .item-control a { color: var(--gg-error); }


.gg-comments .btn-pill:focus-visible,
.gg-comments a.comment-reply:focus-visible {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--gg-primary) 25%, transparent), var(--gg-e1);
}



.gg-comments #cmt2-holder .comment-replies {
margin-top: 10px;
margin-left: -33px;
padding-left: 14px;
border-left: 1px solid color-mix(in srgb, var(--gg-border) 75%, transparent);
}


.gg-comments #cmt2-holder .comment-replies .thread-toggle { display: none !important; }


.gg-comments #cmt2-holder .comment-replies a.comment-reply,
.gg-comments #cmt2-holder .comment-replies .cmt2-reply-btn { display: none !important; }


.gg-comments #cmt2-holder .comment-replies .continue { display: none !important; }


.gg-comments #cmt2-holder .comment-replybox-single:empty { display: none; }


.gg-comments #cmt2-holder .comment-replies li.comment {
grid-template-columns: 32px minmax(0, 1fr);
padding: 8px 0 10px;
}
.gg-comments #cmt2-holder .comment-replies li.comment > .avatar-image-container {
width: 32px;
height: 32px;
}



.gg-comments #top-continue,
.gg-comments #gg-top-continue {
display: block !important;
margin: 10px 0 0;
}
.gg-comments #top-continue a.comment-reply::before,
.gg-comments #gg-top-continue a.comment-reply::before {
content: "add_comment";
font-family: "Material Symbols Rounded";
font-size: 18px;
font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}



.gg-comments #cmt2-holder li.comment { position: relative; }

.gg-comments .cmt2-ctx {
position: absolute;
top: 8px;
right: 0;
}
.gg-comments .cmt2-ctx-btn {
border: 1px solid color-mix(in srgb, var(--gg-border) 80%, transparent);
background: var(--gg-surface);
border-radius: var(--gg-pill);
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: var(--gg-e1);
}
.gg-comments .cmt2-ctx-btn:hover { background: var(--gg-hover); }

.gg-comments .cmt2-ctx-pop {
position: absolute;
top: 40px;
right: 0;
min-width: 160px;
padding: 6px;
border: 1px solid color-mix(in srgb, var(--gg-border) 80%, transparent);
border-radius: 12px;
background: var(--gg-surface);
box-shadow: var(--gg-e2);
display: none;
flex-direction: column;
gap: 6px;
z-index: var(--z-raise-8);
}
.gg-comments .cmt2-ctx-pop[data-gg-state~="open"] { display: flex; }
.gg-comments .cmt2-ctx-pop button {
border: 0;
background: transparent;
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 800;
cursor: pointer;
color: var(--gg-ink);
}
.gg-comments .cmt2-ctx-pop button:hover { background: var(--gg-hover); }



#comments #top-ce {
display:none;
position: sticky;
bottom: 0;
padding: 12px 0 0;
background: var(--gg-surface-2);
z-index: var(--z-raise-4);
border-top: 1px solid color-mix(in srgb, var(--gg-border) 70%, transparent);
max-width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}

#comments iframe#comment-editor {
display: block;
width: 100% !important;
border: 0;
border-radius: var(--gg-r-sm);
background: var(--gg-surface);
min-height: var(--gg-ce-h);
margin-bottom: -5px;
}


#comments #top-continue,
#comments #gg-top-continue {
position: sticky;
bottom: 0;
background: var(--gg-surface-2);
padding: 8px 0 0;
z-index: var(--z-raise-3);
text-align: -webkit-center;
}

#comments .comment-replybox-thread {
position: sticky;
bottom: 0;
background: var(--gg-surface-2);
z-index: var(--z-raise-4);
margin-top: auto;
}


#comments ~ .gg-comments__form.comment-footer {
display: none;
}


.gg-comments li.comment:target {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--gg-primary) 22%, transparent);
border-radius: var(--gg-r);
}


.gg-comments .comment-content .cmt2-quote {
margin: .75rem 0;
padding: .75rem .9rem;
border-left: 3px solid color-mix(in srgb, var(--gg-primary) 65%, transparent);
background: color-mix(in srgb, var(--gg-surface-2) 75%, var(--gg-surface));
border-radius: var(--gg-r-sm);
color: var(--gg-ink);
}
.gg-comments .comment-content .cmt2-code {
margin: .75rem 0;
padding: .75rem .9rem;
border: 1px solid color-mix(in srgb, var(--gg-border) 85%, transparent);
background: color-mix(in srgb, var(--gg-surface-2) 75%, var(--gg-surface));
border-radius: var(--gg-r-sm);
overflow: auto;
}
.gg-comments .comment-content .cmt2-code code {
font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-size: .9em;
line-height: 1.45;
white-space: pre;
display: block;
}
.gg-comments .comment-content .cmt2-link {
color: var(--gg-primary);
text-decoration: underline;
text-underline-offset: 2px;
overflow-wrap: anywhere;
}
.gg-comments .comment-content .cmt2-image {
margin: .75rem 0;
border: 1px solid color-mix(in srgb, var(--gg-border) 85%, transparent);
border-radius: var(--gg-r-sm);
overflow: hidden;
background: color-mix(in srgb, var(--gg-surface-2) 75%, var(--gg-surface));
}
.gg-comments .comment-content .cmt2-image img {
display: block;
width: 100%;
height: auto;
}
.gg-comments .comment-content .cmt2-image figcaption {
padding: .5rem .75rem;
font-size: 12px;
color: var(--gg-muted);
}


@media (max-width: 560px) {
#comments > .gg-comments__head { padding: 12px; }
#comments > .gg-comments__content { padding: 0 12px calc(var(--gg-ce-h) + 16px + env(safe-area-inset-bottom)); }
.gg-comments #cmt2-holder li.comment { grid-template-columns: 36px minmax(0, 1fr); }
.gg-comments #cmt2-holder li.comment > .avatar-image-container { width: 36px; height: 36px; }
}


.loadmore.hidden {
display: none;
}

.cmt2-reply-meta {
border: 1px;
border-radius: 22px;
background: #ffffff;
font-size: xx-small;
margin-top: 10px;
max-width: 151px;
height: 20px;
text-align: center;
align-content: center;
}

.cmt2-reply-meta:hover {
text-decoration: underline;
}


main.gg-main[data-gg-right-mode="comments"] .gg-blog-sidebar--right{
overflow: hidden !important;
height: calc(100dvh - var(--gg-sticky-top, 0px)) !important;
max-height: calc(100dvh - var(--gg-sticky-top, 0px)) !important;
display: flex !important;
flex-direction: column !important;
}


#comments{
display: flex;
flex-direction: column;
min-height: 0; 
}

#comments .gg-comments__head{ flex: 0 0 auto; }
#comments .gg-comments__footer{ flex: 0 0 auto; }


#comments .gg-comments__content{
flex: 1 1 auto;
min-height: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

#gg-sitemap{max-width:1100px;margin:24px auto;padding:0 14px;font-family:system-ui}
#gg-sitemap .gg-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
#gg-sitemap .gg-title h1{margin:0;font-size:22px}
#gg-sitemap .gg-sub{margin-top:6px;color:#666;font-size:12px}


#gg-sitemap .gg-controls{
flex:1;min-width:240px;
position:sticky; top:10px;
background:rgba(255,255,255,.92);
backdrop-filter:blur(10px);
border:1px solid #eee;
border-radius:16px;
padding:10px 10px;
z-index: var(--z-raise-6);
}

#gg-sitemap .gg-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0}
#gg-sitemap .gg-q{flex:1;min-width:220px;padding:10px 12px;border-radius:12px;border:1px solid #ddd;outline:none}

#gg-sitemap select,
#gg-sitemap .gg-reset,
#gg-sitemap .gg-more{
padding:10px 12px;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer
}
#gg-sitemap select{min-width:140px}
#gg-sitemap select:disabled{opacity:.5;cursor:not-allowed}

#gg-sitemap .gg-tabs{display:flex;gap:8px}
#gg-sitemap .gg-tab{
padding:10px 12px;border-radius:999px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:700;font-size:13px
}
#gg-sitemap .gg-tab[data-gg-state~="active"]{border-color:#111}

#gg-sitemap .gg-stats{margin:12px 0;color:#444;font-size:12px}


#gg-sitemap .gg-group{margin:14px 0}
#gg-sitemap .gg-group-title{
display:flex;align-items:center;gap:10px;
font-weight:900;font-size:13px;color:#111;
margin:8px 0;
}
#gg-sitemap .gg-group-title .count{
font-size:12px;font-weight:800;color:#666;border:1px solid #eee;background:#fff;
padding:4px 8px;border-radius:999px
}


#gg-sitemap .gg-list{display:flex;flex-direction:column;gap:10px}
#gg-sitemap .gg-item{
background:#fafafa;border:1px solid #eee;border-radius:16px;
padding:12px 14px;display:flex;gap:14px;align-items:flex-start
}
#gg-sitemap .gg-date{flex:0 0 92px;color:#666;font-size:12px;padding-top:2px}
#gg-sitemap .gg-main{flex:1;min-width:0}
#gg-sitemap .gg-link{display:inline-block;color:#111;text-decoration:none;font-weight:900;font-size:14px;line-height:1.3}
#gg-sitemap .gg-link:hover{text-decoration:underline}
#gg-sitemap .gg-badges{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
#gg-sitemap .gg-badge{
font-size:11px;font-weight:800;
padding:4px 8px;border-radius:999px;border:1px solid #e6e6e6;background:#fff;color:#333
}
#gg-sitemap .gg-badge[data-gg-state~="yt"]{border-color:#f1d7d7}
#gg-sitemap .gg-badge[data-gg-state~="img"]{border-color:#d7e8f1}
#gg-sitemap .gg-badge[data-gg-state~="unk"]{border-color:#eee;color:#777}


#gg-sitemap .gg-item[data-gg-state~="focus"]{
outline:2px solid #111;
outline-offset:2px;
background:#fff;
}


#gg-sitemap .gg-snippet{margin-top:8px;color:#555;font-size:12px;line-height:1.45;display:none}
#gg-sitemap .gg-item[data-gg-state~="open"] .gg-snippet{display:block}
#gg-sitemap .gg-toggle{
margin-left:auto;flex:0 0 auto;
border:0;background:transparent;color:#666;cursor:pointer;font-weight:800;font-size:12px;padding:6px 8px
}

#gg-sitemap .gg-foot{margin:16px 0;display:flex;flex-direction:column;gap:10px;align-items:center}
#gg-sitemap .gg-loader{color:#666;font-size:12px}
#gg-sitemap .gg-loader[data-gg-state~="hidden"]{display:none}

#gg-feed{max-width:1100px;margin:24px auto;padding:0 14px}
#gg-feed .bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
#gg-feed input{flex:1;min-width:200px;padding:10px 12px;border-radius:12px;border:1px solid #ddd}
#gg-feed button{padding:10px 12px;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer}
#gg-feed button[data-gg-state~="active"]{border-color:#111}


#gg-feed .grid{display:flex;gap:12px;align-items:flex-start}
#gg-feed .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}

#gg-feed .tile{
border-radius:16px; overflow:hidden; background:#111; position:relative;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}


#gg-feed .thumb{position:relative;width:100%}
#gg-feed .thumb::before{content:"";display:block;padding-top:var(--pt, 56.25%)}
#gg-feed .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

#gg-feed .shade{
position:absolute; inset:0;
background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 60%);
pointer-events:none
}
#gg-feed .meta{
position:absolute; left:12px; right:12px; bottom:10px;
display:flex; gap:8px; flex-wrap:wrap; align-items:center;
color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.65);
font:600 12px/1.2 system-ui
}
#gg-feed .badge{
padding:4px 8px; border-radius:999px;
background:rgba(0,0,0,.45); backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,.15)
}
#gg-feed .title{font-weight:700;opacity:.95}
#gg-feed .tile a{position:absolute;inset:0}

#gg-feed .loader{margin:16px 0;color:#666;font:500 14px system-ui;text-align:center}


.gg-tags-page{
max-width:var(--gg-max-width);
margin:0 auto;
padding:var(--gg-space-6) var(--gg-space-3);
}
.gg-tags-page__breadcrumbs{
margin:0 0 var(--gg-space-3);
}
.gg-tags-page__crumb-current:empty{
display:none;
}
.gg-tags-page__header{
display:flex;
flex-direction:column;
gap:var(--gg-space-2);
margin-bottom:var(--gg-space-4);
}
.gg-tags-page__head{
display:flex;
flex-direction:column;
gap:var(--gg-space-2, .5rem);
margin-bottom:var(--gg-space-4, 1.25rem);
}
.gg-tags-page__title{
margin:0;
font-size:var(--gg-text-size-2xl);
line-height:1.2;
font-weight:800;
letter-spacing:-0.01em;
color:var(--gg-color-text-main);
}
.gg-tags-page__description{
margin:0;
max-width:60ch;
font-size:var(--gg-text-size-base);
line-height:1.5;
color:var(--gg-color-text-muted);
}
.gg-tags-page__snippet{
margin:var(--gg-space-2) 0 0;
font-size:var(--gg-text-size-sm);
line-height:1.5;
color:var(--gg-color-text-muted);
}
.gg-tags-page__date{
display:inline-flex;
align-items:center;
gap:var(--gg-space-1);
font-size:var(--gg-text-size-xs);
color:var(--gg-color-text-muted);
}
.gg-tags-page__results{
margin-bottom:var(--gg-space-6);
}
.gg-tags-page__controls{
display:flex;
justify-content:flex-end;
margin:0 0 var(--gg-space-3);
}
.gg-tags-page__sort-label{
margin-right:var(--gg-space-2, .5rem);
font-size:var(--gg-text-size-sm, .9rem);
color:var(--gg-color-text-muted, #6b7280);
}
.gg-tags-page__sort{
padding:.45rem .7rem;
border-radius:10px;
border:1px solid var(--gg-color-border-subtle, rgba(15,23,42,.12));
background:var(--gg-color-surface, #fff);
color:var(--gg-color-text-main, #111827);
font-size:var(--gg-text-size-sm, .9rem);
}
.gg-tags-page__results .gg-post-list{
display:grid;
gap:var(--gg-space-4);
grid-template-columns:1fr;
}
@media (min-width:48rem){
.gg-tags-page__results .gg-post-list{
grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}
}
.gg-tags-page__results .gg-post-list[data-gg-state~="loading"]::before{
content:"Memuat daftar tag...";
display:block;
font-size:var(--gg-text-size-sm);
color:var(--gg-color-text-muted);
}
.gg-tags-page__results .gg-post-list[data-gg-state~="empty"]::before{
display:none;
}
.gg-tags-page__results .gg-post-list[data-gg-state~="error"]::before{
display:none;
}
.gg-tags-directory{
display:flex;
flex-wrap:wrap;
gap:var(--gg-space-2);
margin-top:var(--gg-space-2);
}
.gg-tags-directory__chip{
display:inline-flex;
align-items:center;
gap:var(--gg-space-1);
padding:var(--gg-space-1) var(--gg-space-2);
border-radius:var(--gg-radius-pill);
border:1px solid var(--gg-color-border-subtle);
background:var(--gg-color-surface);
color:var(--gg-color-text-main);
font-size:var(--gg-text-size-sm);
text-decoration:none;
transition:
color var(--gg-motion-duration-fast, 180ms) var(--gg-motion-ease, ease-out),
background var(--gg-motion-duration-fast, 180ms) var(--gg-motion-ease, ease-out),
border-color var(--gg-motion-duration-fast, 180ms) var(--gg-motion-ease, ease-out),
transform var(--gg-motion-duration-fast, 180ms) var(--gg-motion-ease, ease-out),
box-shadow var(--gg-motion-duration-fast, 180ms) var(--gg-motion-ease, ease-out);
}
.gg-tags-directory__chip:hover{
color:var(--gg-color-interactive);
border-color:var(--gg-color-border-strong);
background:var(--gg-color-surface-muted);
transform:translateY(-1px);
box-shadow:var(--gg-shadow-soft);
}
.gg-tags-directory__chip:focus-visible{
outline:2px solid var(--gg-color-interactive);
outline-offset:2px;
}
.gg-tags-directory__chip:active{
transform:translateY(0) scale(0.97);
}
.gg-tags-directory__empty{
margin:0;
padding:var(--gg-space-3);
border-radius:var(--gg-radius-md);
background:var(--gg-color-surface-alt);
color:var(--gg-color-text-muted);
font-size:var(--gg-text-size-sm);
}
@media (prefers-reduced-motion: reduce){
.gg-tags-directory__chip{
transition:none;
}
.gg-tags-directory__chip,
.gg-tags-directory__chip:hover,
.gg-tags-directory__chip:focus-visible,
.gg-tags-directory__chip:active{
transform:none !important;
box-shadow:none !important;
}
}

.gg-library {
max-width: 720px;
margin: 2.5rem auto 3.5rem;
padding: 0 1.5rem;
}
.gg-library__head{
display:flex;
flex-direction:column;
gap:.5rem;
margin-bottom:1.25rem;
}
.gg-library__title{
margin:0;
font-size:1.5rem;
font-weight:800;
letter-spacing:-0.01em;
color:var(--gg-ink, #0f172a);
}
.gg-library__description{
margin:0;
color:var(--gg-muted, #6b7280);
font-size:.95rem;
}
.gg-library__body{
border:1px solid var(--gg-border, rgba(15,23,42,.12));
border-radius:18px;
background:var(--gg-surface, #fff);
padding:1rem 1.25rem;
box-shadow:var(--gg-shadow, 0 18px 50px rgba(15,23,42,.10));
}
.gg-library__hint {
font-size: 13px;
color: var(--hint, #6b7280);
margin-bottom: 1rem;
}
.gg-library__empty,
#gg-library-empty {
font-size: 13px;
color: var(--hint, #9ca3af);
padding: 1rem 0;
}
.gg-library {
max-width: 720px;
margin: 0 auto;
padding-block: 1.5rem 3rem;
}

.gg-library__hint {
margin-bottom: 1.5rem;
font-size: 0.95rem;
opacity: .8;
}

#gg-library-list {
margin: 0;
padding: 0;
}

#gg-library-list ul {
list-style: none;
margin: 0;
padding: 0;
}

#gg-library-list li.gg-library-list__item
{
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 0;
border-bottom: 1px solid rgba(15,18,28,.06);
}

.gg-library-list__link {
flex: 1;
text-decoration: none;
font-weight: 600;
}

.gg-library-list__meta {
font-size: 0.8rem;
opacity: .7;
margin-left: .25rem;
}

.gg-library-list__remove-btn {
border: 1px solid rgba(15,18,28,.14);
border-radius: 999px;
padding: 0.25rem 0.9rem;
background: transparent;
font-size: 0.8rem;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 0.35rem;
transition: background var(--gg-motion-duration-fast, .2s) var(--gg-motion-ease, ease),
color var(--gg-motion-duration-fast, .2s) var(--gg-motion-ease, ease);
}

.gg-library-list__remove-btn:hover,
.gg-library-list__remove-btn:focus-visible {
background: rgba(15,18,28,.04);
}
.gg-library-list__remove-btn[data-gg-state~="removed"]{
color:var(--gg-color-interactive-strong, var(--brand-alt));
border-color:rgba(58,74,102,.4);
pointer-events:none;
cursor:default;
}
.gg-library-list__remove-icon{
display:inline-flex;
align-items:center;
justify-content:center;
}
.gg-library-list__remove-icon .gg-icon__svg{
width:1rem;
height:1rem;
}
.gg-library-list__remove-label{
display:inline-flex;
align-items:center;
}


.gg-lang-switcher{
position:relative;
display:inline-flex;
align-items:center;
}
.gg-lang-switcher__toggle{
display:inline-flex;
align-items:center;
gap:.45rem;
padding:.35rem .7rem;
border-radius:999px;
border:1px solid var(--gg-border, rgba(15,23,42,.12));
background:var(--gg-surface, #fff);
color:var(--gg-ink, #0f172a);
cursor:pointer;
}
.gg-lang-switcher__toggle:focus-visible{
outline:2px solid var(--gg-focus, rgba(15,23,42,.35));
outline-offset:2px;
}
.gg-lang-switcher__menu{
position:absolute;
right:0;
bottom:calc(100% + 8px);
min-width:160px;
background:var(--gg-surface, #fff);
border:1px solid var(--gg-border, rgba(15,23,42,.12));
border-radius:12px;
box-shadow:0 14px 40px rgba(15,23,42,.18);
padding:6px;
z-index: var(--z-float-2);
}
.gg-lang-switcher__option{
display:flex;
width:100%;
gap:.35rem;
align-items:center;
padding:.4rem .55rem;
border:0;
background:transparent;
border-radius:8px;
text-align:left;
cursor:pointer;
color:var(--gg-ink, #0f172a);
}
.gg-lang-switcher__option[aria-selected="true"]{
background:var(--gg-pill, rgba(17,24,39,.06));
font-weight:600;
}
.gg-lang-switcher__option:hover{
background:var(--gg-pill-hover, rgba(17,24,39,.10));
}
.gg-lang-switcher__current{
font-size:.85rem;
font-weight:600;
}
.gg-lang-switcher__button .gg-icon,
.gg-lang-switcher__toggle .gg-icon {
width: 1.25rem;
height: 1.25rem;
color: var(--text-dim); 
}
.gg-lang-switcher__button:hover .gg-icon,
.gg-lang-switcher__toggle:hover .gg-icon {
color: var(--text); 
}



.gg-toast{
position:fixed;
left:50%;
bottom:1.1rem;
transform:translate(-50%,8px);
padding:.4rem .85rem;
border-radius:999px;
background:rgba(15,23,42,.92);
color:#f9fafb;
font-size:11px;
line-height:1.3;
letter-spacing:.01em;
box-shadow:0 10px 30px rgba(15,23,42,.55);
opacity:0;
pointer-events:none;
z-index: var(--z-overlay);
transition:
opacity  .16s var(--ease),
transform .16s var(--ease);
display:inline-flex;
align-items:center;
gap:.5rem;
}
.gg-toast[data-gg-state~="show"],
.gg-toast[data-gg-state~="visible"]{
opacity:1;
transform:translate(-50%,0);
}
.gg-toast__icon{
display:inline-flex;
width:1rem;
height:1rem;
}
.gg-toast__icon .gg-icon__svg{
width:1rem;
height:1rem;
}
.gg-toast__text{
display:inline-flex;
align-items:center;
}



.gg-skeleton{
display:grid;
gap:12px;
padding:24px;
}
.gg-skeleton__bar{
height:12px;
border-radius:10px;
background:linear-gradient(90deg, rgba(148,163,184,.18) 25%, rgba(148,163,184,.32) 50%, rgba(148,163,184,.18) 75%);
background-size:200% 100%;
animation:gg-shimmer 1.2s ease-in-out infinite;
}
.gg-skeleton__hero{ height:180px; }
.gg-skeleton__title{ height:22px; width:70%; }
.gg-skeleton__line{ height:12px; width:100%; }
.gg-skeleton__line--short{ width:65%; }
@keyframes gg-shimmer{
0%{ background-position:200% 0; }
100%{ background-position:-200% 0; }
}



.gg-authorpage-grid{
display: grid;
gap: 16px;
grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (min-width: 481px){
.gg-authorpage-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}


.gg-authorpage-card{
position: relative;
display: block;
text-decoration: none;
border: 0;                     
border-radius: 18px;
overflow: hidden;              
background: transparent;       
box-shadow: 0 12px 34px rgba(15,18,28,.10);
transition: transform .25s ease, box-shadow .25s ease;
}
.gg-authorpage-card:hover{ transform: translateY(-3px); box-shadow: 0 16px 40px rgba(15,18,28,.14); }


.gg-authorpage-media{
position: relative;
width: 100%;
aspect-ratio: 4 / 5;
border-radius: inherit;        
overflow: hidden;              

}
.gg-authorpage-media img{
display: block;                
width: 100%;
height: 100%;
object-fit: cover;             
transition: transform .6s ease;
margin:0;
}
.gg-authorpage-card:hover .a2-media img{ transform: scale(1.035); }


.gg-authorpage-grad{
position:absolute; inset:auto 0 0 0; height:58%;
background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,7,10,.46) 48%, rgba(6,7,10,.82) 100%);
pointer-events:none;
}
.gg-authorpage-ov{
position:absolute; left:12px; right:12px; bottom:12px;
color:#fff; z-index: var(--z-raise-1);
opacity:1; transform:none;               
display:grid; gap:0px;
}


@media (hover:hover) and (pointer:fine){
.gg-authorpage-ov{ opacity:0; transform:translateY(10px); transition:opacity .24s ease, transform .24s ease; }
.gg-authorpage-card:hover .a2-ov, .a2-card:focus-within .a2-ov{ opacity:1; transform:none; }
}


.gg-authorpage-name{
margin:0; font-weight:800; letter-spacing:.1px;
font-size:clamp(.75rem,.64rem + .42vw,1.14rem);
line-height:1.25; text-shadow:0 1px 2px rgba(0,0,0,.35);
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.gg-authorpage-role{
margin:0; color:#eef2f7; opacity:.96;
font-size:clamp(.88rem,.84rem + .2vw,.96rem);
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.gg-authorpage-email{
margin:0; color:#e7e9ef; font-size:.9rem; display:flex; align-items:center; gap:8px;
}
.gg-authorpage-email a{ color:inherit; text-decoration:underline; }


.gg-authorpage-more{ display:flex; justify-content:center; margin-top:14px; }
.gg-authorpage-more > button{
appearance:none; border:1px solid var(--stroke); background:#fff; color:var(--ink);
padding:10px 16px; border-radius:999px; font-weight:700; cursor:pointer;
transition:box-shadow .2s ease, transform .12s ease, border-color .2s ease;
}
.gg-authorpage-more > button:hover{ box-shadow:var(--shadow); border-color:rgba(15,18,28,.16); }
.gg-authorpage-more > button:active{ transform:translateY(1px); }
.gg-authorpage-more > button[disabled]{ opacity:.55; cursor:not-allowed; }


.gg-authorpage-card:focus-visible{ outline:2px solid #111; outline-offset:3px; }


.gg-authorprofile{ max-width: 1000px; margin:0 auto; }
.gg-authorprofile-head{ display:grid; gap:24px; align-items:start; }
.gg-authorprofile--sidebar .pro-head{ grid-template-columns: 320px 1fr; }
@media (max-width:760px){ .pro--sidebar .pro-head{ grid-template-columns:1fr; } }

.gg-authorprofile-aside{ display:flex; flex-direction:column; gap:12px; }
.gg-authorprofile-media{ border-radius:var(--r); overflow:hidden; border:1px solid var(--stroke); box-shadow:var(--shadow); }
.gg-authorprofile-photo{ width:100%; aspect-ratio:4/5; object-fit:cover; display:block; transition:transform .6s ease; margin:0; }
.gg-authorprofile-media:hover .pro-photo{ transform:scale(1.02); }


.gg-authorprofile-role{ margin:0 0 6px; color:#111; font-weight:800; }
.gg-authorprofile-about{ margin:10px 0 0; color:var(--muted); line-height:1.65; }
.gg-authorprofileo-about-full{ margin:0; color:#444; line-height:1.75; }


.gg-authorprofile-badges{ display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 2px; }
.badge{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px;
background:#f6f7f9; border:1px solid var(--stroke); border-radius:999px; font-weight:700; }


.gg-authorprofile-section{ margin:22px 0; }
.gg-authorprofile-section h2{ margin:0 0 10px; font-size:clamp(1.1rem,1rem+.4vw,1.3rem); }
.gg-authorprofile-details{ display:grid; grid-template-columns: 1fr 2fr; column-gap:16px; row-gap:10px; }
@media (max-width:560px){ .pro-details{ grid-template-columns:1fr; } }
.gg-authorprofile-details dt{ color:#6b7280; }
.gg-authorprofile-details dd{ margin:0; }


.gg-authorprofile-btn{ appearance:none; display:inline-flex; align-items:center; gap:8px; cursor:pointer;
padding:10px 14px; border-radius:12px; font-weight:700; text-decoration:none;
border:1px solid var(--stroke); transition:box-shadow .2s ease, transform .12s ease, border-color .2s ease, background .2s ease; }
.gg-authorprofile-btn.primary{ background:#111; color:#fff; border-color:#111; }
.gg-authorprofile-btn.outline{ background:#fff; color:#111; }
.gg-authorprofile-btn:hover{ box-shadow:var(--shadow); border-color:rgba(15,18,28,.18) }
.gg-authorprofile-btn:active{ transform:translateY(1px) }
.gg-authorprofile-ap-actions{ margin-top:12px; text-align:center; }


.gg-authorprofile-rows{ display:flex; flex-direction:column; gap:14px; }
.gg-authorprofile-row{
display:grid; grid-template-columns: 1fr 140px; gap:16px;
padding:16px; border:1px solid var(--stroke); border-radius:16px; background:#fff;
text-decoration:none; color:inherit; box-shadow:0 10px 26px rgba(15,18,28,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.gg-authorprofile-row:hover{ transform:translateY(-2px); box-shadow:var(--shadow-lg); border-color:rgba(15,18,28,.16); }
@media (max-width:560px){ .row{ grid-template-columns:1fr; } }

.gg-authorprofile-row-title{ font-weight:800; line-height:1.25; margin:0 0 6px; }
.gg-authorprofile-row-meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#6b7280; font-size:.92rem; }
.gg-authorprofile-row-meta .pill{ padding:6px 10px; background:#f6f7f9; border:1px solid var(--stroke); border-radius:999px; font-weight:600; }
.gg-authorprofile-row-thumb{ width:100%; height:100%; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#f2f3f5; }
.gg-authorprofile-row-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }


figure{margin:0}
img, video{
max-width:100%;
height:auto;
display:block;
}


.breakout,
.breakout > a,
.breakout img{display:block}
.breakout{
width:100%;
max-width:none;
position:relative;
margin:28px 0;
z-index: var(--z-normal);
}
.breakout img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:var(--rm-radius-lg);
box-shadow:var(--rm-shadow-lg);
}
@media (min-width:1024px){
.post-body{overflow-x:visible}
.breakout{
width:min(1380px, 96vw);
left:50%;
transform:translateX(-50%);
}
}


.media-lightbox{cursor:zoom-in}
.media-overlay{
position:fixed;
inset:0;
display:none;
place-items:center;
background:var(--rm-overlay);
backdrop-filter:saturate(140%) blur(var(--rm-blur));
z-index: var(--z-max-2);
padding:4vh 4vw;
}
.media-overlay[data-gg-state~="open"]{display:grid}
.media-overlay .media-overlay-inner{
position:relative;
max-width:min(92vw, 1200px);
max-height:92vh;
}
.media-overlay img,
.media-overlay video{
max-width:100%;
max-height:92vh;
border-radius:var(--rm-radius-lg);
box-shadow:0 14px 36px rgba(0,0,0,.35);
}
.media-overlay button[data-close-overlay]{
position:absolute;
top:-40px;
right:0;
width:32px;
height:32px;
border:none;
border-radius:999px;
background:rgba(0,0,0,.55);
color:#fff;
cursor:pointer;
display:grid;
place-items:center;
font-size:16px;
}


.media-snap{
display:flex;
gap:16px;
overflow-x:auto;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
padding:16px 4px;
}
.media-snap figure{
min-width:78vw;
scroll-snap-align:center;
}
.media-snap img{border-radius:16px}
@media (min-width:900px){
.media-snap figure{min-width:38vw}
}


.media-zoom{
overflow:hidden;
border-radius:16px;
}
.media-zoom img{transition:transform .4s ease-out}
.media-zoom:hover img{transform:scale(1.08)}


@media (min-width:1100px){
.media-sticky-wrap{
display:grid;
grid-template-columns:1fr 360px;
gap:36px;
align-items:start;
}
.media-sticky{position:sticky; top:70px}
.media-sticky img{border-radius:16px}
}


.media-compare{
position:relative;
max-width:960px;
margin:28px auto;
aspect-ratio:16/9;
overflow:hidden;
border-radius:18px;
}
.media-compare img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
pointer-events:none;
}
.media-compare .top{clip-path:inset(0 50% 0 0)}
.media-compare .divider{
position:absolute;
top:0;
bottom:0;
left:50%;
width:2px;
background:rgba(255,255,255,.7);
pointer-events:none;
}
.media-compare input[type=range]{
position:absolute;
inset:0;
opacity:0;
cursor:col-resize;
}
.media-compare input[type=range]:focus-visible + ._dummy{outline:2px solid #fff}


.media-autoplay{
width:100%;
border-radius:16px;
background:#000;
}


.media-picture img{border-radius:16px}


[data-parallax]{transition:transform .2s linear; will-change:transform;}
@media (prefers-reduced-motion:reduce){
[data-parallax]{transition:none}
}


figure.media-caption{position:relative}
figure.media-caption figcaption{
position:absolute;
bottom:12px;
right:12px;
background:rgba(0,0,0,.4);
color:#fff;
padding:4px 14px;
border-radius:999px;
font-size:.72rem;
backdrop-filter:blur(8px);
}


@media (min-width:960px){
.hero-split{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:40px;
align-items:center;
}
.hero-split .hero-media{
width:clamp(110%, 50vw, 130%);
position:relative;
left:12%;
}
.hero-split img{border-radius:18px}
}
@media (max-width:959px){
.hero-split .hero-media{margin-top:20px}
}


.media-masonry{columns:2; column-gap:16px;}
@media (min-width:1024px){.media-masonry{columns:3}}
@media (max-width:720px){.media-masonry{columns:1}}
.media-masonry figure{break-inside:avoid; margin-bottom:16px;}
.media-masonry img{border-radius:14px}


.media-focus img{object-fit:cover; object-position:50% 20%}


.media-cinema{position:relative}
.media-cinema::after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle, rgba(0,0,0,0) 28%, rgba(0,0,0,.45) 100%),
repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, rgba(0,0,0,0) 1px 3px);
mix-blend-mode:multiply;
pointer-events:none;
border-radius:inherit;
}


.reveal-on-scroll{
opacity:0;
transform:translateY(18px);
transition:all .4s ease-out;
}
.reveal-on-scroll[data-gg-state~="visible"]{opacity:1; transform:none}


.media-tilt{perspective:1200px}
.media-tilt .tilt-item{
transform:rotateX(0) rotateY(0);
transition:transform .15s linear;
transform-style:preserve-3d;
border-radius:18px;
overflow:hidden;
}


.kenburns{
overflow:hidden;
border-radius:18px;
}
.kenburns img{
animation:ken 12s ease-in-out infinite alternate;
transform-origin:center;
}
@keyframes ken{
from{transform:scale(1) translateY(0)}
to{transform:scale(1.12) translateY(-4%)}
}
@media (prefers-reduced-motion:reduce){
.kenburns img{animation:none}
}


.media-hotspot{position:relative}
.media-hotspot button{
position:absolute;
width:20px;
height:20px;
border-radius:999px;
border:none;
background:#fff;
box-shadow:0 4px 10px rgba(0,0,0,.25);
cursor:pointer;
}
.media-hotspot .hotspot-tip{
position:absolute;
background:#fff;
padding:6px 10px;
border-radius:10px;
font-size:.7rem;
box-shadow:0 4px 14px rgba(0,0,0,.15);
white-space:nowrap;
display:none;
}
.media-hotspot .hotspot-tip.show{display:block}


.ratio-1x1{aspect-ratio:1/1}
.ratio-4x5{aspect-ratio:4/5}
.ratio-9x16{aspect-ratio:9/16}
[class*="ratio-"] > img,
[class*="ratio-"] > video{
width:100%;
height:100%;
object-fit:cover;
border-radius:inherit;
}


.portrait-rail{
position:relative;
display:grid;
place-items:center;
background:radial-gradient(circle, rgba(0,0,0,.6), rgba(0,0,0,1));
min-height:68vh;
border-radius:18px;
overflow:hidden;
}
.portrait-rail img{
width:min(420px,90vw);
border-radius:18px;
box-shadow:0 12px 28px rgba(0,0,0,.4);
}


.video-shell{
position:relative;
border-radius:16px;
overflow:hidden;
}
.video-shell button{
position:absolute;
inset:0;
margin:auto;
width:68px;
height:68px;
background:rgba(255,255,255,.8);
border:none;
border-radius:999px;
display:grid;
place-items:center;
font-size:28px;
cursor:pointer;
box-shadow:0 4px 14px rgba(0,0,0,.3);
}


.swap-on-hover img:last-child{display:none}
.swap-on-hover:hover img:first-child{display:none}
.swap-on-hover:hover img:last-child{display:block}


.caption-sync .sync-caption{
margin-top:8px;
font-size:.82rem;
color:#555;
}


.media-watermark{position:relative; display:inline-block}
.media-watermark::after{
content:"";
position:absolute;
bottom:14px;
right:14px;
width:32px;
height:32px;
background:url(https://ratriatra.blogspot.com/favicon.ico) center/contain no-repeat;
opacity:.75;
pointer-events:none;
filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
border-radius:6px;
}


@media print{
.breakout{width:100%; left:0; transform:none; box-shadow:none}
.media-overlay{display:none!important}
.portrait-rail{background:none}
}


.lazy-sentinel{height:1px; background:transparent}


@media (min-width:900px){
.media-side{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:28px;
align-items:start;
}
}


@media (max-width:768px){
html, body{overflow-x:hidden}
.post-body > *{max-width:100%}
.post-body > .media-snap{max-width:none}
.post-body [style*="width:"]:not(.media-snap){width:100%!important}
.post-body table,
.post-body iframe{max-width:100%; display:block; overflow-x:auto;}
.portrait-rail{min-height:56vh}
.video-shell button{width:56px; height:56px; font-size:22px}
}





.tx-codebox{
position:relative;
background:var(--tx-code-bg);
border:1px solid var(--tx-code-border);
border-radius:12px;
margin:18px 0;
overflow:auto;
}
.tx-codebox pre{
margin:0;
padding:14px 16px 16px;
font-family:var(--tx-font-mono);
font-size:.78rem;
line-height:1.55;
white-space:pre;
}
.tx-codebox[data-lang]::before{
content:attr(data-lang);
position:absolute;
top:6px; right:56px;
font-size:.65rem;
text-transform:uppercase;
opacity:.6;
background:rgba(148,163,184,.12);
border:1px solid rgba(148,163,184,.28);
border-radius:999px;
padding:2px 8px 1px;
pointer-events:none;
}
.tx-copybtn{
position:absolute;
top:6px; right:6px;
border:none;
background:rgba(15,23,42,.12);
border-radius:999px;
width:38px; height:26px;
display:grid; place-items:center;
font-size:.72rem;
cursor:pointer;
color:inherit;
}
.tx-copybtn.is-ok{background:rgba(34,197,94,.18);}


.tx-callout{
border:1px solid var(--tx-border);
border-left:3px solid #3b82f6;
border-radius:10px;
padding:10px 12px 10px 14px;
background:rgba(255,255,255,.25);
margin:14px 0;
display:flex;
gap:10px;
align-items:flex-start;
font-size:.9rem;
}
.tx-callout .tx-ico{font-size:1rem; line-height:1; opacity:.7}
.tx-callout strong{display:block; margin-bottom:3px}
.tx-callout.warn{border-left-color:#f97316}
.tx-callout.danger{border-left-color:#ef4444}
.tx-callout.success{border-left-color:#22c55e}


ul.tx-tasklist{list-style:none; padding-left:0}
ul.tx-tasklist li{margin-bottom:4px; display:flex; gap:6px; align-items:flex-start;}
ul.tx-tasklist input[type=checkbox]{margin-top:3px}


.tx-inline-hl{background:var(--tx-hl);border-radius:3px;padding:0 2px;}


.tx-tabs{border:1px solid var(--tx-border);border-radius:12px;margin:16px 0 20px;background:rgba(255,255,255,.15);}
.tx-tabs-nav{display:flex;gap:4px;padding:6px 6px 0;border-bottom:1px solid rgba(148,163,184,.22);flex-wrap:wrap;}
.tx-tabs-nav button{border:none;background:transparent;padding:6px 10px 5px;border-radius:8px 8px 0 0;font-size:.78rem;cursor:pointer;}
.tx-tabs-nav button[data-gg-state~="active"]{background:var(--tx-surface);border:1px solid rgba(148,163,184,.35);border-bottom-color:transparent;}
.tx-tabs-panel{display:none;padding:10px 12px 12px;font-size:.86rem;}
.tx-tabs-panel[data-gg-state~="active"]{display:block}


.tx-details{border:1px solid var(--tx-border);border-radius:10px;margin:12px 0;background:rgba(255,255,255,.18);}
.tx-details summary{cursor:pointer;padding:8px 12px;font-weight:600;list-style:none;}
.tx-details summary::-webkit-details-marker{display:none}
.tx-details > div{padding:4px 12px 10px}


.tx-cols{display:grid;gap:16px;margin:16px 0;}
.tx-cols.cols-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.tx-cols.cols-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}


.tx-inline-comment{
background:rgba(239,68,68,.06);
border:1px solid rgba(239,68,68,.22);
border-radius:8px;
padding:2px 6px;
font-size:.72rem;
color:#b91c1c;
display:inline-block;
margin-left:4px;
}


.tx-sidenote{
position:relative;
background:rgba(255,255,255,.6);
border-left:3px solid rgba(148,163,184,.6);
padding:4px 6px;
font-size:.7rem;
margin-left:.35rem;
border-radius:6px;
}


.tx-diff{font-family:var(--tx-font-mono);font-size:.78rem;border:1px solid var(--tx-border);border-radius:10px;overflow:hidden;margin:14px 0;}
.tx-diff-line{display:flex;gap:6px;padding:3px 8px 4px;white-space:pre-wrap;}
.tx-diff-line.add{background:rgba(34,197,94,.1);}
.tx-diff-line.del{background:rgba(239,68,68,.08);}
.tx-diff-lbl{width:1.2rem;text-align:center;opacity:.4}


.tx-tablewrap{width:100%;overflow-x:auto;margin:12px 0;}
.tx-tablewrap table{border-collapse:collapse;width:100%;}
.tx-tablewrap th,.tx-tablewrap td{border:1px solid rgba(148,163,184,.35);padding:4px 6px;font-size:.78rem;}
.tx-table-caption{font-size:.7rem;color:var(--tx-muted);margin-top:3px}


.tx-glossary-tip{
position:absolute;
background:var(--tx-surface);
border:1px solid var(--tx-border);
border-radius:10px;
padding:6px 10px;
font-size:.7rem;
max-width:260px;
box-shadow:0 10px 28px rgba(0,0,0,.12);
z-index: var(--z-max);
}
.tx-glossary-term{border-bottom:1px dashed rgba(59,130,246,.85);cursor:help;}


.tx-abstract,.tx-method{
border:1px solid var(--tx-border);
border-left:3px solid rgba(59,130,246,.6);
border-radius:10px;
background:rgba(255,255,255,.45);
padding:10px 12px 12px;
margin:14px 0;
font-size:.88rem;
}
.tx-abstract-title,.tx-method-title{font-weight:600;margin-bottom:6px}


.tx-math-inline{font-family:var(--tx-font-mono);background:rgba(15,23,42,.065);padding:1px 3px;border-radius:4px;font-size:.78rem;}
.tx-math-block{background:rgba(15,23,42,.03);border-left:3px solid rgba(15,23,42,.4);padding:8px 8px 6px;margin:10px 0;font-family:var(--tx-font-mono);font-size:.8rem;white-space:pre-wrap;}


#tx-minimap{
position:fixed;
top:80px;
right:12px;
width:4px;
height:180px;
background:rgba(148,163,184,.2);
border-radius:99px;
z-index: var(--z-max-1);
display:none;
}
#tx-minimap .tx-mm-dot{
position:absolute;
left:0;
width:100%;
height:14px;
background:rgba(59,130,246,.65);
border-radius:99px;
cursor:pointer;
}






.gg-share-card {
position: relative;
width: 82%;
max-width: 320px;
aspect-ratio: 4/6;
background: #fff;
border-radius: var(--radius-card);
overflow: hidden;
box-shadow: 0 18px 40px rgba(15, 23, 42, .42);
display: flex;
flex-direction: column;
}


.gg-share-card__head {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 8px 14px;
}
.gg-share-card__head-left {
display: flex;
align-items: center;
gap: 8px;
}
.gg-share-card__avatar {
width: 22px;
height: 22px;
border-radius: 50%;
object-fit: cover;
}
.gg-share-card__author {
font-size: 12px;
font-weight: 600;
color: #0f172a;
}
.gg-share-card__label {
padding: 3px 10px;
border-radius: 999px;
background: #ef4444;
color: #fff;
font-size: 10px;
font-weight: 600;
}


.gg-share-card__media {
position: relative;
flex: 1;
background: #000;
}
.gg-share-card__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius:0;
}
.gg-share-card__title {
position: absolute;
inset: 18% 12% 18%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 18px;
font-weight: 700;
color: #fff;
line-height: 1.4;
text-shadow: 0 2px 8px rgba(0,0,0,.5);
}


.gg-share-card__foot {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 8px 14px;
}
.gg-share-card__comments {
display: flex;
align-items: center;
gap: 6px;
font-size: 11px;
color: #0f172a;
}
.gg-share-card__comments svg {
width: 13px;
height: 13px;
}
.gg-share-card__site {
font-size: 11px;
color: #0f172a;
}
.gg-share-card__comments[data-gg-state~="empty"] {
display: none;
}


#gg-share-sheet{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
z-index: var(--z-overlay-2);
}
#gg-share-sheet[aria-hidden='false'],
#gg-share-sheet[data-gg-state~="open"]{
display:flex;
}
#gg-share-sheet .gg-share-sheet__overlay{
position:absolute;
inset:0;
background:rgba(15,23,42,.55);
backdrop-filter:blur(4px);
}
#gg-share-sheet .gg-share-sheet__panel{
position:relative;
width:min(420px, 92vw);
max-height:88vh;
overflow:auto;
background:var(--gg-surface, #fff);
color:var(--gg-ink, #0f172a);
border-radius:20px;
padding:16px;
box-shadow:0 24px 70px rgba(15,23,42,.35);
display:flex;
flex-direction:column;
gap:12px;
}
#gg-share-sheet .gg-share-sheet__head{
font-weight:800;
font-size:1.05rem;
}
#gg-share-sheet .gg-share-sheet__bg{
position:absolute;
inset:0;
border-radius:20px;
opacity:.08;
background:var(--gg-glass-bg, linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.38)));
pointer-events:none;
}
#gg-share-sheet .gg-share-sheet__close-btn{
position:absolute;
top:10px;
right:10px;
width:var(--gg-tap-min);
height:var(--gg-tap-min);
min-width:var(--gg-tap-min);
min-height:var(--gg-tap-min);
border-radius:999px;
border:1px solid var(--gg-border, rgba(15,23,42,.12));
background:var(--gg-surface, #fff);
cursor:pointer;
}
#gg-share-sheet .gg-share-sheet__canvas{
border-radius:14px;
padding:10px;
background:rgba(15,23,42,.04);
display:flex;
justify-content:center;
}
#gg-share-sheet #gg-share-canvas{
width:100%;
max-width:320px;
aspect-ratio:9/16;
background:#0f172a;
border-radius:12px;
}
#gg-share-sheet .gg-share-sheet__modes{
display:flex;
gap:8px;
flex-wrap:wrap;
}
#gg-share-sheet .gg-share-sheet__mode-btn{
border:1px solid var(--gg-border, rgba(15,23,42,.12));
background:var(--gg-surface, #fff);
padding:.35rem .7rem;
border-radius:999px;
cursor:pointer;
font-size:.85rem;
}
#gg-share-sheet .gg-share-sheet__mode-btn[data-gg-state~="active"]{
background:var(--gg-ink, #0f172a);
color:#fff;
}
#gg-share-sheet .gg-share-sheet__cta{
border:0;
border-radius:14px;
padding:.7rem .9rem;
background:var(--gg-ink, #0f172a);
color:#fff;
font-weight:700;
}
#gg-share-sheet .gg-share-sheet__hint{
margin:0;
font-size:.82rem;
color:var(--gg-muted, #6b7280);
}
#gg-share-sheet .gg-share-sheet__social{
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:8px;
}
#gg-share-sheet .gg-share-sheet__social-btn{
border:1px solid var(--gg-border, rgba(15,23,42,.12));
border-radius:10px;
padding:.5rem .6rem;
background:var(--gg-surface, #fff);
font-size:.85rem;
cursor:pointer;
}
@media (max-width: 480px){
#gg-share-sheet .gg-share-sheet__panel{
width:94vw;
max-height:92vh;
padding:14px;
}
#gg-share-sheet .gg-share-sheet__social{
grid-template-columns:1fr;
}
}



#gg-share-sheet .gg-share-sheet,
#gg-share-sheet .gg-share-sheet__canvas,
#gg-share-sheet .gg-share-sheet__cta,
#gg-share-sheet .gg-share-sheet__mode-btn,
#gg-share-sheet .gg-share-sheet__social-btn,
#pc-poster-sheet .gg-share-sheet,
#pc-poster-sheet .gg-share-sheet__canvas,
#pc-poster-sheet .gg-share-sheet__cta,
#pc-poster-sheet .gg-share-sheet__mode-btn,
#pc-poster-sheet .gg-share-sheet__social-btn {
transition:
transform 180ms var(--ease, cubic-bezier(.22,.61,.36,1)),
box-shadow 180ms var(--ease, cubic-bezier(.22,.61,.36,1)),
background-color 180ms var(--ease, cubic-bezier(.22,.61,.36,1)),
opacity 180ms var(--ease, cubic-bezier(.22,.61,.36,1));
}


#gg-share-sheet .gg-share-sheet__cta[data-gg-state~="pressed"],
#gg-share-sheet .gg-share-sheet__mode-btn[data-gg-state~="pressed"],
#gg-share-sheet .gg-share-sheet__social-btn[data-gg-state~="pressed"],
#pc-poster-sheet .gg-share-sheet__cta[data-gg-state~="pressed"],
#pc-poster-sheet .gg-share-sheet__mode-btn[data-gg-state~="pressed"],
#pc-poster-sheet .gg-share-sheet__social-btn[data-gg-state~="pressed"] {
transform: translateY(1px) scale(.97);
box-shadow: 0 4px 14px rgba(15,23,42,.55);
}


#gg-share-sheet .gg-share-sheet__social-btn[data-gg-state~="pop"],
#pc-poster-sheet .gg-share-sheet__social-btn[data-gg-state~="pop"] {
animation: gg-share-sheetPopIn .32s cubic-bezier(.22,.61,.36,1);
}

@keyframes gg-share-sheetPopIn {
0% {
transform: translateY(14px) scale(.7);
opacity: 0;
}
60% {
transform: translateY(-2px) scale(1.06);
opacity: 1;
}
100% {
transform: translateY(0) scale(1);
opacity: 1;
}
}




#gg-share-sheet .gg-share-sheet,
#pc-poster-sheet .gg-share-sheet {
transition:
box-shadow 220ms cubic-bezier(.22,.61,.36,1),
transform 220ms cubic-bezier(.22,.61,.36,1);
}


#gg-share-sheet .gg-share-sheet[data-gg-state~="anim-in"],
#pc-poster-sheet .gg-share-sheet[data-gg-state~="anim-in"] {
animation: gg-share-sheetPanelIn 260ms cubic-bezier(.22,.61,.36,1);
}

@keyframes gg-share-sheetPanelIn {
from {
transform: translateY(26px) scale(.96);
box-shadow: 0 12px 30px rgba(0,0,0,.5);
opacity: .0;
}
to {
transform: translateY(0) scale(1);
box-shadow: 0 32px 80px rgba(0,0,0,.6);
opacity: 1;
}
}


.gg-share-sheet__cta {
display:flex;
align-items:center;
justify-content:center;
gap:.5rem;
transition:
transform 150ms cubic-bezier(.22,.61,.36,1),
box-shadow 150ms cubic-bezier(.22,.61,.36,1),
background-color 150ms cubic-bezier(.22,.61,.36,1);
}

.gg-share-sheet__cta-icon{
width:1.5rem;
height:1.5rem;
display:none;
align-items:center;
justify-content:center;
}
.gg-share-sheet__cta-icon svg{
width:100%;
height:100%;
}
.gg-share-sheet__cta-icon--idle{
display:inline-flex;
}
.gg-share-sheet__cta-icon--loading svg{
animation:gg-share-sheetCtaSpin 1s linear infinite;
}

@keyframes gg-share-sheetCtaSpin{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

.gg-share-sheet__cta[data-gg-state~="pressed"] {
transform: translateY(1px) scale(.97);
box-shadow: 0 6px 20px rgba(0,0,0,.55);
}


.gg-share-sheet__mode-btn {
transition:
transform 150ms cubic-bezier(.22,.61,.36,1),
box-shadow 150ms cubic-bezier(.22,.61,.36,1);
}

.gg-share-sheet__mode-btn[data-gg-state~="pop"] {
animation: gg-share-sheetModePop 210ms cubic-bezier(.22,.61,.36,1);
}

@keyframes gg-share-sheetModePop {
0%   { transform: scale(.96);   box-shadow: 0 0 0 rgba(15,23,42,0); }
40%  { transform: scale(1.05);  box-shadow: 0 8px 18px rgba(15,23,42,.35); }
100% { transform: scale(1);     box-shadow: 0 0 0 rgba(15,23,42,0); }
}


.gg-share-sheet__social-btn {
transition:
transform 140ms cubic-bezier(.22,.61,.36,1),
box-shadow 140ms cubic-bezier(.22,.61,.36,1),
background-color 140ms cubic-bezier(.22,.61,.36,1);
}

.gg-share-sheet__social-btn[data-gg-state~="pressed"] {
transform: translateY(1px) scale(.95);
box-shadow: 0 4px 14px rgba(15,23,42,.7);
}


.gg-share-sheet__social-btn[data-gg-state~="nudge"] {
animation: gg-share-sheetSocialNudge 260ms cubic-bezier(.22,.61,.36,1);
}

@keyframes gg-share-sheetSocialNudge {
0%   { transform: translateY(0) scale(1); }
40%  { transform: translateY(-2px) scale(1.03); }
100% { transform: translateY(0) scale(1); }
}


@media (max-width: 480px){


#pc-poster-sheet{
padding: 12px 8px;
}


#pc-poster-sheet .gg-share-sheet{
width: 100%;
bottom: 0;        
}


.gg-share-sheet__canvas{
width: 86%;
}


.gg-share-sheet__head{
left: 10%;
right: 10%;
top: 9%;
}


.gg-share-sheet__mode-switch{
top: 17%;
left: 9%;
right: 9%;
}


.gg-share-sheet__actions{
left: 14%;
right: 14%;
bottom: 16%;   
}


.gg-share-sheet__hint{
left: 10%;
right: 10%;
bottom: 9%;
}


.gg-share-sheet__social-list{
left: 8%;
right: 8%;
bottom: 0%;
}

.gg-share-sheet__social-btn{
width: 40px;
height: 40px;
}
}




.gg-visually-hidden{
position:absolute!important;
width:1px!important;height:1px!important;
padding:0!important;margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}

img{max-width:100%;height:auto;}

.gg-post-card__thumb figure,
.gg-post__cover{
max-width:720px;
margin-left:auto;
margin-right:auto;
aspect-ratio:40/27;
overflow:hidden;
}
.gg-post-card__thumb-img,
.gg-post__cover-img{
width:100%;
height:100%;
object-fit:cover;
}

a, button{
-webkit-tap-highlight-color: transparent;
}
.gg-post-card__tool,
.gg-footer__social-link,
.gg-install,
.gg-post__meta-item{
min-width:48px;
min-height:48px;
}
.gg-post-card__tool,
.gg-footer__social-link{
display:inline-flex;
align-items:center;
justify-content:center;
}


.gg-visually-hidden{
position:absolute!important;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;clip:rect(0,0,0,0);
white-space:nowrap;border:0;
}
.gg-visually-hidden{
position:absolute!important;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;clip:rect(0,0,0,0);
white-space:nowrap;border:0;
}



.gg-visually-hidden{
position:absolute!important;
width:1px!important;height:1px!important;
padding:0!important;margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}

img{max-width:100%;height:auto;}

.gg-post-card__thumb figure,
.gg-post__cover{
max-width:720px;
margin-left:auto;
margin-right:auto;
aspect-ratio:40/27;
overflow:hidden;
}
.gg-post-card__thumb-img,
.gg-post__cover-img{
width:100%;
height:100%;
object-fit:cover;
}

a, button{
-webkit-tap-highlight-color: transparent;
}
.gg-post-card__tool,
.gg-footer__social-link,
.gg-install,
.gg-post__meta-item{
min-width:48px;
min-height:48px;
}
.gg-post-card__tool,
.gg-footer__social-link{
display:inline-flex;
align-items:center;
justify-content:center;
}





[data-gg-state~="hidden"]{ display:none!important; }



.gg-cmt2{
padding:12px;
border:1px solid var(--gg-border);
border-radius:var(--gg-radius-md);
background:var(--gg-surface);
}
.gg-cmt2__row{
display:grid;
grid-template-columns:44px 1fr;
gap:var(--gg-gap);
align-items:start;
}
.gg-cmt2__avatar{
width:44px;
height:44px;
border-radius:999px;
overflow:hidden;
}
.gg-cmt2__head{
display:grid;
gap:2px;
}
.gg-cmt2__meta{
font-size:.88rem;
color:var(--gg-muted);
}
.gg-cmt2__del{
font-size:.85rem;
color:var(--gg-muted);
text-decoration:none;
}
.gg-comment__footer{
margin-top:var(--gg-gap);
}





.gg-visually-hidden{
position:absolute!important;
width:1px!important;height:1px!important;
padding:0!important;margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}

img{max-width:100%;height:auto;}

.gg-post-card__thumb figure,
.gg-post__cover{
max-width:720px;
margin-left:auto;
margin-right:auto;
aspect-ratio:40/27;
overflow:hidden;
}
.gg-post-card__thumb-img,
.gg-post__cover-img{
width:100%;
height:100%;
object-fit:cover;
}

a, button{
-webkit-tap-highlight-color: transparent;
}
.gg-post-card__tool,
.gg-footer__social-link,
.gg-install,
.gg-post__meta-item{
min-width:48px;
min-height:48px;
}
.gg-post-card__tool,
.gg-footer__social-link{
display:inline-flex;
align-items:center;
justify-content:center;
}


.gg-touch{

}



[data-gg-state~="hidden"]{ display:none!important; }



.gg-cmt2{
padding:12px;
border:1px solid var(--gg-border);
border-radius:var(--gg-radius-md);
background:var(--gg-surface);
}
.gg-cmt2__row{
display:grid;
grid-template-columns:44px 1fr;
gap:var(--gg-gap);
align-items:start;
}
.gg-cmt2__avatar{
width:44px;
height:44px;
border-radius:999px;
overflow:hidden;
}
.gg-cmt2__head{
display:grid;
gap:2px;
}
.gg-cmt2__meta{
font-size:.88rem;
color:var(--gg-muted);
}
.gg-cmt2__del{
font-size:.85rem;
color:var(--gg-muted);
text-decoration:none;
}
.gg-comment__footer{
margin-top:var(--gg-gap);
}




.gg-dialog {
font-size: var(--gg-font-base);
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(680px, calc(100% - 24px));
max-height: min(70vh, calc(100vh - 140px));
overflow: auto;
background: var(--gg-surface);
border: 1px solid var(--gg-border);
border-radius: var(--gg-radius);
box-shadow: var(--gg-shadow-soft);
padding: var(--gg-space-4);
z-index: var(--z-overlay-2);
}

.gg-dialog[data-mode="dock"]{
top: auto;
left: calc(var(--gg-anchor-x) + (var(--gg-anchor-w) / 2));
bottom: calc(100vh - var(--gg-anchor-y) + 12px);
transform: translateX(-50%);
}

#gg-palette-list{
position: fixed;
left: 12px;
right: 12px;
bottom: calc(100vh - var(--gg-anchor-y, 100vh) + 12px);
width: min(var(--gg-panel-w, 480px), calc(100vw - 24px));
max-width: 720px;
max-height: min(48vh, 420px);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding: 8px 8px 12px;
border-radius: var(--gg-radius);
border: 1px solid rgba(11,13,16,.12);
background: rgba(250,250,249,.88);
box-shadow: 0 18px 36px rgba(11,13,16,.12);
z-index: var(--z-overlay-2);
}

#gg-palette-list[data-mode="dock"]{
right: auto;
left: clamp(12px, var(--gg-anchor-x), calc(100vw - 12px - var(--gg-panel-w, 480px)));
transform: none;
top: auto;
}

#gg-palette-list[data-mode="center"]{
top: 50%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
}

#gg-palette-list[hidden]{ display: none !important; }

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
#gg-palette-list{
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}

#gg-palette-list .gg-search__section,
#gg-palette-list .gg-search__hint{
font-size: var(--gg-font-xs);
opacity: .62;
padding: 6px 10px;
line-height: 1.4;
overflow: visible;
white-space: normal;
}

#gg-palette-list .gg-search__section{
text-transform: none;
letter-spacing: .02em;
font-weight: 520;
}

#gg-palette-list .gg-search__hint{
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
min-height: 0;
line-height: 1.45;
text-overflow: clip;
overflow-wrap: anywhere;
font-size: calc(var(--gg-font-xs) - .03rem);
}

#gg-palette-list .gg-search__hint > *{
min-width: 0;
}

#gg-palette-list .gg-search__result{
min-height: var(--gg-tap-min);
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 8px;
padding: 7px 10px;
border-radius: var(--gg-radius-sm);
text-decoration: none;
color: inherit;
position: relative;
}

#gg-palette-list .gg-search__title{
font-size: var(--gg-font-sm);
line-height: 1.35;
font-weight: 560;
}

#gg-palette-list .gg-search__meta{
font-size: calc(var(--gg-font-xs) - .05rem);
opacity: .58;
letter-spacing: .01em;
font-weight: 460;
}

#gg-palette-list .gg-search__title .hl{
background: none;
border-radius: 0;
padding: 0;
color: rgba(11,13,16,.94);
font-weight: 620;
}

#gg-palette-list .gg-search__result[aria-selected="true"],
#gg-palette-list .gg-search__result:hover{
background: rgba(11,13,16,.018);
}

#gg-palette-list .gg-search__result[aria-selected="true"]{
box-shadow: inset 0 0 0 1px rgba(11,13,16,.08);
}

#gg-palette-list .gg-search__result[aria-selected="true"]::before,
#gg-palette-list .gg-search__result:hover::before{
content: "";
position: absolute;
left: 6px;
top: 10px;
bottom: 10px;
width: 2px;
border-radius: 2px;
background: rgba(11,13,16,.2);
}

#gg-palette-list > .gg-search__hint:last-child{
margin-top: 6px;
padding-top: 10px;
border-top: 1px solid rgba(11,13,16,.08);
}

.gg-overlay{
position: fixed;
inset: 0;
background: rgba(11,13,16,.42);
z-index: var(--z-overlay);
}
.gg-overlay[hidden],
.gg-overlay[data-gg-state~="hidden"]{ display:none !important; }

main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb{display:flex;flex-direction:column;gap:0;height:100%;max-height:100%;min-height:0;overflow:hidden;padding:0;border:1px solid var(--gg-border);border-radius:12px;background:var(--gg-surface);box-shadow:none;}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__top,main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__body,main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__bot{display:flex;flex-direction:column;gap:0;min-height:0;padding:0 10px;}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__top{
flex:0 0 auto;
padding-top:10px;
padding-bottom:8px;
border-bottom:1px solid color-mix(in srgb,var(--gg-border) 72%,transparent);
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__body{
flex:1 1 auto;
overflow:auto;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
padding-top:8px;
padding-bottom:10px;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__bot{
flex:0 0 auto;
margin-top:auto;
padding:8px 10px 10px;
border-top:1px solid color-mix(in srgb,var(--gg-border) 72%,transparent);
background:var(--gg-surface);
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > :is(.gg-sb__top,.gg-sb__body,.gg-sb__bot).gg-panelcard{background:transparent;border:0;box-shadow:none;border-radius:0;}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__top[hidden],
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__bot[hidden]{
display:none !important;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb :is(.gg-sb__top,.gg-sb__body,.gg-sb__bot) > .widget{
margin:0;
padding:0;
border-bottom:1px solid color-mix(in srgb,var(--gg-border) 70%,transparent);
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb :is(.gg-sb__top,.gg-sb__body,.gg-sb__bot) > .widget:last-child{
border-bottom:0;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb :is(.gg-sb__top,.gg-sb__body,.gg-sb__bot) > .widget > .widget-content{
display:grid;
gap:8px;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb :is(.gg-sb__top,.gg-sb__body,.gg-sb__bot) > .widget > :where(.widget-title,.title){
margin:0 0 6px;
font-size:10px;
letter-spacing:.06em;
text-transform:none;
color:var(--gg-muted);
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-sb__top > .widget:has(#gg-toc) > :where(.widget-title,.title),
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-sb__body > .widget:has(#gg-postinfo) > :where(.widget-title,.title){
display:none !important;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb :is(.gg-sb__top,.gg-sb__body) > .widget:has(.gg-lt[data-gg-module="labeltree"]) > :where(.widget-title,.title){
display:none !important;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb #HTML1 > :where(.widget-title,.title){
display:none !important;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-leftnav__socialbar{
display:grid;
gap:8px;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-leftnav__sociallabel{
margin:0;
font-size:10px;
letter-spacing:.06em;
text-transform:none;
color:var(--gg-muted);
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-leftnav__sociallinks{
display:flex;
flex-wrap:wrap;
gap:8px;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-leftnav__sociallink{
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--gg-tap-soc);
height:var(--gg-tap-soc);
min-width:var(--gg-tap-soc);
min-height:var(--gg-tap-soc);
padding:0;
border:1px solid var(--gg-border);
border-radius:999px;
background:color-mix(in srgb, var(--gg-surface) 90%, #e5e7eb);
color:var(--gg-ink);
line-height:1;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-leftnav__sociallink svg{
width:16px;
height:16px;
fill:currentColor;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-sb__bot > .widget:has(.gg-leftnav__socialbar) > :where(.widget-title,.title){
display:none !important;
}
main.gg-main .gg-blog-sidebar--left .gg-leftnav.gg-sb .gg-footer__legal{
padding-top:8px;
border-top:1px solid color-mix(in srgb,var(--gg-border) 72%,transparent);
color:var(--gg-muted);
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-layout--post .gg-blog-sidebar--left .gg-leftnav.gg-sb{
overflow:hidden;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__top #gg-toc{
max-height:min(42dvh,420px);
overflow:hidden;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__top #gg-toc .gg-toc__body{
min-height:0;
overflow:hidden;
}
main.gg-main:is([data-gg-surface="post"],[data-gg-surface="page"]) .gg-blog-sidebar--left .gg-leftnav.gg-sb > .gg-sb__top #gg-toc .gg-toc__list{
min-height:0;
overflow:auto;
}

.gg-blog-layout--list .gg-info-panel .gg-editorial-preview{
display:flex;
flex-direction:column;
min-height:0;
height:100%;
}
.gg-blog-layout--list .gg-info-panel .gg-editorial-preview .gg-epanel__head{
flex:0 0 auto;
}
.gg-blog-layout--list .gg-info-panel .gg-editorial-preview .gg-epanel__body{
flex:1 1 auto;
min-height:0;
overflow:auto;
}
.gg-blog-layout--list .gg-info-panel .gg-editorial-preview .gg-epanel__foot{
flex:0 0 auto;
margin-top:auto;
border-top:1px solid var(--gg-border);
background:var(--gg-surface);
}

.post-body a.b-tooltip-container{
position:relative;
display:inline-block;
}
.post-body a.b-tooltip-container .b-tooltip{
display:block !important;
position:absolute;
top:100%;
left:50%;
transform:translate(-20%,1px);
visibility:hidden;
opacity:0;
z-index:1;
transition:opacity .2s ease-in-out;
}
.post-body a.b-tooltip-container .b-tooltip iframe{
width:200px;
height:198px;
max-width:none;
border:none;
border-radius:20px;
box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);
}
@media (hover: hover){
.post-body a.b-tooltip-container:hover .b-tooltip{
visibility:visible;
opacity:1;
}
}



@media (prefers-reduced-motion: reduce){
html:focus-within{ scroll-behavior: auto; }
html{ scroll-behavior: auto; }
*,
*::before,
*::after{
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}

@media (forced-colors: active){
:where(a, button, input, textarea, select, summary, [role="button"], [tabindex]):focus-visible{
outline: 2px solid Highlight;
outline-offset: 2px;
}
:where(.gg-overlay, .gg-share-sheet__overlay){
background: Canvas;
}
}