.gtg-ads-placement{width:100%;min-width:0;margin:22px auto;clear:both}.gtg-ads-image{margin:0;overflow:hidden;border:1px solid #dedee3;border-radius:8px;background:#f5f5f7}.gtg-ads-image .gtg-ad-label{display:block;padding:6px 10px;font:10px/1.3 system-ui,sans-serif;color:#666;text-transform:uppercase;letter-spacing:.06em}.gtg-ads-image a,.gtg-ads-image picture{display:block}.gtg-ads-image img{display:block;width:100%;height:auto;margin:0;object-fit:contain}.gtg-ads-placement .gtg-video-ad{margin:0 auto}.gtg-side-slot .gtg-ads-placement,.gtg-corner-ad .gtg-ads-placement{margin:0}.gtgc-reader-ad .gtg-ads-placement{margin:0;max-width:950px}.gtgc-reader-ad .gtg-ads-image img{max-height:20svh;object-fit:contain}.gtgc-reader-ad .gtg-ads-image .gtg-ad-label{display:none}

.gtg-ads-mobile-only{display:none}@media(max-width:767px){.gtg-ads-mobile-only{display:block}.gtg-ads-desktop-only,.gtg-ads-hide-mobile{display:none!important}}

/* Shared image/video label rhythm. */
.gtg-ads-placement .gtg-ad-label,.gtg-ads-placement .gtg-video-ad .gtg-video-ad-meta{display:block;min-height:0;text-align:left;margin:0 0 6px;padding:0;font:10px/1.4 system-ui,sans-serif;color:#62626b;text-transform:none;letter-spacing:0;background:none;border:0;}
.gtg-ads-placement .gtg-video-ad-meta span{font:inherit;letter-spacing:inherit;text-transform:none;}
.gtg-ads-image{border:0;background:transparent;border-radius:0;overflow:visible;}
.gtg-ads-image a{overflow:hidden;border-radius:7px;}
.gtg-studio-header-media .gtg-ad-label,.gtg-studio-header-media .gtg-video-ad-meta{display:none!important;}

/* Preserve source dimensions; never stretch a small ad to full content width. */
.gtg-ads-placement{max-width:min(100%,var(--gtga-desktop-width,100%));margin-left:auto;margin-right:auto}
@media(max-width:767px){.gtg-ads-placement{max-width:min(100%,var(--gtga-mobile-width,100%))}}

/* One readable overlay, with no separate label row. Shared class may come from Catalogue. */
.gtg-ads-placement .gtg-ads-image,.gtg-ads-placement .gtg-video-ad{position:relative}
.gtg-ads-placement .gtg-ad-label,.gtg-ads-placement .gtg-video-ad .gtg-video-ad-meta,.gtg-studio-header-media .gtg-ads-placement .gtg-ad-label,.gtg-studio-header-media .gtg-ads-placement .gtg-video-ad-meta{display:block!important;position:absolute!important;inset:8px 8px auto auto!important;z-index:4;min-height:0;margin:0!important;padding:3px 6px!important;border:0;border-radius:4px;background:#222e!important;color:#fff!important;font:700 12px/1.3 system-ui,sans-serif!important;letter-spacing:.02em;text-transform:uppercase;pointer-events:none}
.gtg-ads-placement .gtg-video-ad-meta span{font:inherit!important;color:inherit!important}
.gtg-corner-ad .gtg-ads-placement .gtg-ad-label,.gtg-corner-ad .gtg-ads-placement .gtg-video-ad-meta{left:8px!important;right:auto!important}
.gtg-feed-section{max-width:1200px;margin:26px auto;clear:both;background:#f1f1f3;padding:18px;border-radius:10px;box-sizing:border-box}
.gtg-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.gtg-feed-source{display:flex;align-items:center;gap:8px;font:750 17px/1.3 system-ui,sans-serif;color:#161619}
.gtg-feed-source img{width:28px;height:28px;object-fit:contain;border-radius:4px}
body .gtg-feed-heading a.gtg-feed-browse{font:650 13px/1.4 system-ui,sans-serif;color:#333;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
.gtg-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
.gtg-feed-card{min-width:0}body .gtg-feed-card>a{display:block;color:#151518!important;text-decoration:none}
.gtg-feed-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#e5e5e8}
.gtg-feed-media img{display:block;width:100%;height:100%;object-fit:cover}
.gtg-feed-media .gtg-ad-badge{position:absolute;top:6px;right:6px;padding:3px 6px;background:#222e;color:#fff;border-radius:4px;font:700 11px/1.3 system-ui,sans-serif}
.gtg-feed-duration{position:absolute;bottom:6px;right:6px;padding:2px 5px;background:#222e;color:#fff;border-radius:3px;font:12px/1.3 system-ui,sans-serif}
.gtg-feed-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.4;font-weight:650;margin-top:8px}
.gtg-feed-card a:focus-visible,.gtg-feed-browse:focus-visible{outline:3px solid #c50024;outline-offset:4px}
@media(max-width:767px){.gtg-feed-section{padding:12px 8px}.gtg-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.gtg-feed-title{font-size:14px}.gtg-feed-heading{padding:0 4px;margin-bottom:12px}.gtg-feed-source{font-size:16px}}

/* 1.8.2: restrained source branding and responsive alignment with the preceding grid. */
.gtg-feed-section{background:rgb(0 0 0 / 1.8%)}
body .gtg-feed-heading a.gtg-feed-source{color:#161619;text-decoration:none}
body .gtg-feed-heading a.gtg-feed-source:hover{color:#161619;text-decoration:underline;text-underline-offset:3px}
.gtg-feed-source:focus-visible{outline:3px solid #c50024;outline-offset:4px}
@media(min-width:768px){
 .gtg-feed-section.is-grid-aligned{width:var(--gtg-feed-width);max-width:none;margin-left:var(--gtg-feed-left);margin-right:0;padding-left:0;padding-right:0}
 .gtg-feed-section.is-grid-aligned .gtg-feed-grid{grid-template-columns:repeat(var(--gtg-feed-columns,4),minmax(0,1fr));column-gap:var(--gtg-feed-column-gap,16px);row-gap:var(--gtg-feed-row-gap,22px)}
}

/* 1.8.3: balanced header insets independent of the aligned card grid. */
.gtg-feed-heading{padding-inline:18px}
@media(max-width:767px){.gtg-feed-heading{padding-inline:8px}}

/* Comic post feeds stay within the post. Reader feeds reserve one compact row. */
.gtg-feed-section.gtg-feed--comic{width:100%;max-width:100%;margin:22px auto;padding:14px}
.gtg-feed--comic .gtg-feed-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}
@media(max-width:767px){.gtg-feed--comic .gtg-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.gtg-feed-section.gtg-feed--comic{padding:10px 8px}}
.gtgc-reader-ad .gtg-ads-placement{margin:0 auto}
.gtgc-reader-ad [data-comic-ad-mount]{min-width:0;width:100%}
.gtgc-reader-ad .gtg-feed-section.gtg-feed--reader{display:flex;flex-direction:column;width:min(100%,1000px);max-width:100%;height:clamp(100px,24svh,180px);margin:0 auto;padding:5px 8px 3px;border-radius:6px;overflow:hidden}
.gtg-feed--reader .gtg-feed-heading{flex:0 0 auto;gap:8px;margin:0 0 4px;padding:0 4px;min-height:23px}
.gtg-feed--reader .gtg-feed-source{font-size:12px;gap:5px}
.gtg-feed--reader .gtg-feed-source img{width:18px;height:18px}
body .gtg-feed--reader .gtg-feed-heading a.gtg-feed-browse{font-size:11px;line-height:1.3;padding:3px 0}
.gtg-feed--reader .gtg-feed-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:none;grid-template-rows:minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 0 4px}
.gtg-feed--reader .gtg-feed-card{min-height:0;height:100%;scroll-snap-align:start}
body .gtg-feed--reader .gtg-feed-card>a{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.gtg-feed--reader .gtg-feed-media{flex:1 1 auto;min-height:0;aspect-ratio:auto;border-radius:4px}
.gtg-feed--reader .gtg-feed-title{flex:0 0 auto;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;font-size:11px;line-height:16px}
.gtg-feed--reader .gtg-feed-media .gtg-ad-badge{top:3px;right:3px;font-size:9px;padding:1px 4px}
.gtg-feed--reader .gtg-feed-duration{bottom:3px;right:3px;font-size:10px;line-height:1.2;padding:1px 4px}
@media(max-width:767px){.gtg-feed--reader .gtg-feed-grid{grid-auto-columns:calc((100% - 8px)/2);gap:8px}.gtgc-reader-ad .gtg-feed-section.gtg-feed--reader{padding-inline:4px}}
@media(max-height:450px){.gtgc-reader-ad .gtg-feed-section.gtg-feed--reader{height:100px}.gtg-feed--reader .gtg-feed-heading{margin-bottom:2px;min-height:20px}}

/* Compact, independently tracked breaks in the comic's scroll-all mode. */
.gtg-feed-section.gtg-feed--scroll{width:min(100%,600px);max-width:100%;margin:0 auto;padding:12px}
.gtg-feed--scroll .gtg-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gtg-feed--scroll .gtg-feed-heading{margin-bottom:10px;padding-inline:4px}
.gtg-feed--scroll .gtg-feed-title{font-size:13px;line-height:1.35}
@media(max-width:767px){.gtg-feed-section.gtg-feed--scroll{padding:8px}.gtg-feed--scroll .gtg-feed-source{font-size:14px}}

/* 1.9.2: destinations can represent more than one category without overflowing. */
.gtg-feed-browse-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 16px;min-width:0}
.gtg-feed-source{flex-shrink:0}
.gtg-feed--reader .gtg-feed-browse-links{gap:2px 10px}
.gtg-native-hub-page .gtg-feed-section.is-grid-aligned{width:var(--gtg-feed-width);max-width:none;margin-left:var(--gtg-feed-left);margin-right:0;padding-inline:0}
.gtg-native-hub-page .gtg-feed-section.is-grid-aligned .gtg-feed-grid{grid-template-columns:repeat(var(--gtg-feed-columns,4),minmax(0,1fr));column-gap:var(--gtg-feed-column-gap,20px);row-gap:var(--gtg-feed-row-gap,28px)}
@media(max-width:767px){.gtg-feed-browse-links{gap:2px 12px}.gtg-feed-heading{gap:12px}.gtg-feed--reader .gtg-feed-browse-links{gap:2px 8px}}

/* Break only the comic-post feed out of the reading column, inside its white box. */
.gtg-single .gtg-feed-section.gtg-feed--comic.is-comic-wide{width:var(--gtg-comic-feed-width);max-width:none;margin-left:var(--gtg-comic-feed-left);margin-right:0}
body .gtgc-comic .gtg-feed-card>a{text-decoration:none!important}

/* Match the outer recommendation panel and its inner card edges on post pages. */
.gtg-single .gtg-feed-section.is-post-aligned{width:var(--gtg-post-feed-width);max-width:none;margin-left:var(--gtg-post-feed-left);margin-right:0;padding-left:var(--gtg-post-feed-inset-left);padding-right:var(--gtg-post-feed-inset-right)}
.gtg-single .gtg-feed-section.is-post-aligned .gtg-feed-grid{grid-template-columns:repeat(var(--gtg-post-feed-columns,3),minmax(0,1fr));column-gap:var(--gtg-post-feed-gap,16px)}
.gtg-single .gtg-feed-section.is-post-aligned .gtg-feed-heading{padding-inline:0}

/* 1.9.6: match the adjacent white panel as well as its heading/card insets. */
@media(min-width:768px){
 .gtg-feed-section.is-grid-aligned{padding-left:var(--gtg-feed-inset-left,18px);padding-right:var(--gtg-feed-inset-right,18px)}
 .gtg-feed-section.is-grid-aligned .gtg-feed-heading{padding-inline:0}
}
.gtg-native-hub-page .gtg-feed-section.is-grid-aligned{padding-left:var(--gtg-feed-inset-left,18px);padding-right:var(--gtg-feed-inset-right,18px)}
.gtg-native-hub-page .gtg-feed-section.is-grid-aligned .gtg-feed-heading{padding-inline:0}

/* 1.9.8: inset the browse action, independently of the matching card edges. */
.gtg-feed-heading .gtg-feed-browse-links{margin-inline-end:12px}
body .gtg-feed-heading a.gtg-feed-browse{display:inline-flex;align-items:center;gap:.35em;max-width:100%;color:var(--gtg-accent,#d60025);font-weight:750;text-decoration:none;cursor:pointer}
.gtg-feed-browse-label{min-width:0;overflow-wrap:anywhere}
.gtg-feed-browse-arrow{flex:0 0 auto;line-height:1}
body .gtg-feed-heading a.gtg-feed-browse:hover .gtg-feed-browse-label{text-decoration:underline;text-underline-offset:3px}
.gtg-feed--reader .gtg-feed-browse-links{margin-inline-end:4px}
@media(max-width:767px){.gtg-feed-heading .gtg-feed-browse-links{margin-inline-end:8px}.gtg-feed--reader .gtg-feed-heading .gtg-feed-browse-links{margin-inline-end:4px}}

/* 1.10.0: category feeds share the preceding archive panel and card insets at all widths. */
.gtg-category-hub .gtg-feed--category.is-grid-aligned{width:var(--gtg-feed-width);max-width:none;margin-left:var(--gtg-feed-left);margin-right:0;padding-left:var(--gtg-feed-inset-left,18px);padding-right:var(--gtg-feed-inset-right,18px)}
.gtg-category-hub .gtg-feed--category.is-grid-aligned .gtg-feed-grid{grid-template-columns:repeat(var(--gtg-feed-columns,4),minmax(0,1fr));column-gap:var(--gtg-feed-column-gap,20px);row-gap:var(--gtg-feed-row-gap,28px)}
.gtg-category-hub .gtg-feed--category.is-grid-aligned .gtg-feed-heading{padding-inline:0}