/* Build 0217: Screenshot gallery and detail visual refresh (public pages only). */
.tg-screenshot-subnav{border-block:1px solid #dae5ec;background:linear-gradient(180deg,#f7fafc,#edf4f8)}
.tg-screenshot-subnav-inner{display:flex;gap:.45rem;align-items:center;overflow-x:auto;padding-block:.65rem;scrollbar-width:thin}
.tg-screenshot-subnav-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:0 0 auto;padding:.52rem .8rem;min-height:37px;border:1px solid transparent;border-radius:.6rem;color:#385971!important;text-decoration:none;font-size:.78rem;font-weight:800;white-space:nowrap;transition:background .16s,border-color .16s}
.tg-screenshot-subnav-link:hover,.tg-screenshot-subnav-link:focus-visible{background:#fff;border-color:#ccdfeb}
.tg-screenshot-subnav-link.is-active{background:#286e98;border-color:#286e98;color:#fff!important;box-shadow:0 4px 11px #255d7f26}
.tg-screenshots-section--refresh,.tg-screenshot-detail-section--refresh{background:#f7f8f7}
.tg-screenshots-section--refresh .tg-screenshot-layout{grid-template-columns:minmax(0,1fr) minmax(270px,300px);gap:1.45rem}
.tg-screenshot-detail-section--refresh .tg-screenshot-detail-layout{grid-template-columns:minmax(0,1fr) minmax(260px,290px);gap:1.45rem}
.tg-screenshots-section--refresh .tg-screenshot-sidebar,.tg-screenshot-detail-section--refresh .tg-screenshot-detail-sidebar{position:static}
.tg-screenshot-heading{margin-bottom:1.15rem}
.tg-screenshot-heading h2,.tg-screenshot-description-heading h2,.tg-screenshot-discussion-heading h2{color:#1a3041;font-size:clamp(1.5rem,2vw,1.83rem);line-height:1.17;letter-spacing:-.035em}
.tg-screenshot-heading-meta{align-items:center;gap:.5rem;font-size:.78rem}
.tg-screenshot-results-badge{display:inline-flex;padding:.34rem .65rem;border-radius:999px;border:1px solid #cfe1ed;background:#e6f2f8;color:#265e81;font-weight:850;font-size:.74rem}
.tg-screenshot-gallery-grid{gap:1rem}
.tg-screenshot-gallery-grid .tg-screenshot-card{border:1px solid #dce5ea;border-radius:.95rem;box-shadow:0 8px 24px #17384f0d}
.tg-screenshot-gallery-grid .tg-screenshot-card-image{isolation:isolate;aspect-ratio:16/10;margin:.55rem .55rem 0;border:1px solid #dce6ed;border-radius:.7rem;background:radial-gradient(circle at 50% 20%,#f8fbfd 0%,#e4eff5 100%)}
.tg-screenshot-gallery-grid .tg-screenshot-card-image img{object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 4px 7px #17384f18)}
.tg-screenshot-gallery-grid .tg-screenshot-card-image.is-missing{background:repeating-linear-gradient(135deg,#eaf3f8 0,#eaf3f8 9px,#e1edf4 9px,#e1edf4 18px)}
.tg-screenshot-gallery-grid .tg-screenshot-card-image.is-missing .tg-screenshot-missing,.tg-screenshot-gallery-grid .tg-screenshot-card-image .tg-screenshot-image-fallback{color:#40637a}
.tg-screenshot-gallery-grid .tg-screenshot-card-image .tg-screenshot-missing strong{font-size:.85rem}
.tg-screenshot-gallery-grid .tg-screenshot-card-image .tg-screenshot-missing-icon{color:#3679a1;border-color:#a3c2d4}
.tg-screenshot-preview-label,.tg-screenshot-count{position:absolute;z-index:1;padding:.4rem .56rem;border:1px solid #ffffff91;border-radius:.46rem;background:#122f42eb;color:#fff;font-size:.7rem;font-weight:800;line-height:1.2;box-shadow:0 3px 8px #0002}
.tg-screenshot-preview-label{right:.6rem;bottom:.6rem}
.tg-screenshot-count{top:.6rem;left:.6rem;right:auto;bottom:auto}
.tg-screenshot-gallery-grid .tg-screenshot-card-body{padding:.96rem 1.05rem 1rem}
.tg-screenshot-gallery-grid .tg-screenshot-card-kicker{color:#34779f;font-size:.68rem;letter-spacing:.07em;margin-bottom:.3rem}
.tg-screenshot-card-title{margin:0 0 .4rem;font-family:"Space Grotesk",system-ui,sans-serif;font-weight:800;font-size:1.08rem;line-height:1.2}
.tg-screenshot-card-title a{color:#1b3445!important;text-decoration:none}
.tg-screenshot-card-title a:hover{color:#2775a4!important}
.tg-screenshot-gallery-grid .tg-screenshot-meta{font-size:.78rem;margin-bottom:.5rem}
.tg-screenshot-gallery-grid .tg-screenshot-card-body>p{min-height:2.5em;color:#526774;font-size:.85rem;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tg-screenshot-gallery-grid .tg-screenshot-card-footer{gap:.5rem .7rem;color:#5b707c;font-size:.75rem}
.tg-screenshot-gallery-grid .tg-screenshot-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.32rem .6rem;border:1px solid #d3e4ed;border-radius:.48rem;background:#edf6fa;color:#28688e!important;font-size:.74rem}
.tg-screenshots-section--refresh .tg-screenshot-submit,.tg-screenshots-section--refresh .tg-screenshot-side-note,.tg-screenshots-section--refresh .tg-screenshot-latest-comments,.tg-screenshot-detail-section--refresh .tg-screenshot-facts,.tg-screenshot-detail-section--refresh .tg-screenshot-actions-panel,.tg-screenshot-detail-section--refresh .tg-screenshot-side-note{padding:1.18rem;border:1px solid #dbe5ec;border-radius:.95rem;box-shadow:0 8px 22px #163f590d}
.tg-screenshots-section--refresh .tg-screenshot-submit{border-top:3px solid #337ea9}
.tg-screenshots-section--refresh .tg-screenshot-submit h2,.tg-screenshots-section--refresh .tg-screenshot-side-note h2,.tg-screenshots-section--refresh .tg-screenshot-latest-comments h2,.tg-screenshot-detail-section--refresh .tg-screenshot-facts h2,.tg-screenshot-detail-section--refresh .tg-screenshot-actions-panel h2{font-size:1.1rem;line-height:1.22}
.tg-screenshots-section--refresh .tg-screenshot-submit p,.tg-screenshots-section--refresh .tg-screenshot-side-note p{font-size:.83rem;line-height:1.55}
.tg-screenshots-section--refresh .tg-screenshot-submit label:not(.tg-screenshot-file-picker),.tg-screenshot-detail-section--refresh .tg-screenshot-comment-form label{font-size:.77rem}
.tg-screenshot-file-picker{justify-items:center;padding:1.1rem .8rem;border:1.5px dashed #9ebecf;background:linear-gradient(145deg,#f5fafc,#e9f4f9);text-align:center}
.tg-screenshot-upload-symbol{width:32px;height:32px;margin-bottom:.2rem;color:#2979a7}
.tg-screenshot-file-picker strong{font-size:.83rem}
.tg-screenshot-file-picker span{font-size:.73rem;line-height:1.4}
.tg-screenshots-section--refresh .tg-screenshot-submit textarea,.tg-screenshot-detail-section--refresh .tg-screenshot-comment-form textarea{font-size:.85rem}
.tg-screenshots-section--refresh .tg-screenshot-submit small,.tg-screenshots-section--refresh .tg-screenshot-rules{font-size:.73rem}
.tg-screenshot-comment-links strong,.tg-screenshot-comment-links span{font-size:.79rem;line-height:1.48}
.tg-screenshot-comment-links small{font-size:.72rem}
/* Screenshot detail */
.tg-screenshot-detail-section--refresh .tg-screenshot-viewer{border:1px solid #d5e2e9;border-radius:1rem;background:#f4f8fa;box-shadow:0 12px 28px #17384f17}
.tg-screenshot-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:.83rem 1rem;border-bottom:1px solid #dce6ec;background:#fff}
.tg-screenshot-viewer-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.tg-screenshot-viewer-tag{padding:.25rem .57rem;border-radius:100px;background:#eaf4f9;color:#35799e;font-size:.68rem;font-weight:850}
.tg-screenshot-viewer-toolbar strong{color:#214052;font-size:.86rem;font-weight:850}
.tg-screenshot-viewer-toolbar>span{color:#667b89;font-size:.75rem}
.tg-screenshot-detail-section--refresh .tg-screenshot-main-image{min-height:330px;background:linear-gradient(45deg,#e9f1f6 25%,transparent 25%,transparent 75%,#e9f1f6 75%),linear-gradient(45deg,#e9f1f6 25%,transparent 25%,transparent 75%,#e9f1f6 75%),#f4f9fc;background-size:26px 26px;background-position:0 0,13px 13px}
.tg-screenshot-detail-section--refresh .tg-screenshot-main-image img{box-shadow:0 11px 28px #182f4226}
.tg-screenshot-detail-section--refresh .tg-screenshot-main-image.is-missing .tg-screenshot-archive-fallback,.tg-screenshot-detail-section--refresh .tg-screenshot-main-image.is-missing .tg-screenshot-image-fallback{color:#426178}
.tg-screenshot-detail-section--refresh .tg-screenshot-archive-fallback small{color:#5e7382}
.tg-screenshot-viewer-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.62rem 1rem;border-top:1px solid #dce6ec;background:#fff;color:#647684;font-size:.77rem}
.tg-screenshot-viewer-caption a{color:#2772a0!important;font-weight:850;text-decoration:none}
.tg-screenshot-detail-section--refresh .tg-screenshot-thumbnails{padding:.7rem;border-top:1px solid #dbe5eb;background:#edf3f6}
.tg-screenshot-detail-section--refresh .tg-screenshot-thumbnail{flex-basis:100px;height:73px;border-color:#d0dee8;background:#fff;opacity:.85}
.tg-screenshot-detail-section--refresh .tg-screenshot-thumbnail img{object-fit:contain}
.tg-screenshot-detail-section--refresh .tg-screenshot-thumbnail.is-active,.tg-screenshot-detail-section--refresh .tg-screenshot-thumbnail:focus-visible{opacity:1;border-color:#2d81b0;box-shadow:0 0 0 2px #2d81b033}
.tg-screenshot-detail-section--refresh .tg-screenshot-description-copy{padding:1.1rem 1.25rem;border:1px solid #dce4e9;border-left:3px solid #4082ad;border-radius:.88rem;font-size:.93rem;line-height:1.7}
.tg-screenshot-detail-section--refresh .tg-screenshot-facts dl>div{grid-template-columns:90px minmax(0,1fr)}
.tg-screenshot-detail-section--refresh .tg-screenshot-facts dt,.tg-screenshot-detail-section--refresh .tg-screenshot-facts dd{font-size:.78rem}
.tg-screenshot-detail-section--refresh .tg-screenshot-comment{padding:.95rem;border-radius:.85rem;box-shadow:0 4px 12px #112e4210}
.tg-screenshot-detail-section--refresh .tg-screenshot-comment header strong a{font-size:.83rem}
.tg-screenshot-detail-section--refresh .tg-screenshot-comment header span{font-size:.73rem}
.tg-screenshot-detail-section--refresh .tg-screenshot-comment-body{font-size:.88rem;line-height:1.7}
.tg-screenshot-detail-section--refresh .tg-screenshot-prev-next a{font-size:.83rem}
.tg-screenshot-detail-section--refresh .tg-screenshot-archive-notice{font-size:.82rem;line-height:1.5}
@media(max-width:1050px){
.tg-screenshots-section--refresh .tg-screenshot-layout,.tg-screenshot-detail-section--refresh .tg-screenshot-detail-layout{grid-template-columns:minmax(0,1fr)}
.tg-screenshots-section--refresh .tg-screenshot-sidebar,.tg-screenshot-detail-section--refresh .tg-screenshot-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
.tg-screenshots-section--refresh .tg-screenshot-submit,.tg-screenshots-section--refresh .tg-screenshot-latest-comments,.tg-screenshot-detail-section--refresh .tg-screenshot-facts{grid-column:span 2}
}
@media(max-width:700px){
.tg-screenshot-subnav-inner{padding-block:.55rem}
.tg-screenshot-subnav-link{font-size:.75rem}
.tg-screenshots-section--refresh .tg-screenshot-grid,.tg-screenshots-section--refresh .tg-screenshot-sidebar,.tg-screenshot-detail-section--refresh .tg-screenshot-detail-sidebar{grid-template-columns:minmax(0,1fr)}
.tg-screenshots-section--refresh .tg-screenshot-submit,.tg-screenshots-section--refresh .tg-screenshot-latest-comments,.tg-screenshot-detail-section--refresh .tg-screenshot-facts{grid-column:auto}
.tg-screenshot-gallery-grid .tg-screenshot-card-actions{margin-left:auto;width:auto}
.tg-screenshot-detail-section--refresh .tg-screenshot-main-image{min-height:230px}
}
@media(max-width:480px){
.tg-screenshot-gallery-grid .tg-screenshot-card-body{padding:.95rem}
.tg-screenshot-gallery-grid .tg-screenshot-card-actions{margin-left:0;width:100%}
.tg-screenshot-gallery-grid .tg-screenshot-card-actions a{width:100%}
.tg-screenshot-detail-section--refresh .tg-screenshot-facts dl>div{grid-template-columns:76px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.tg-screenshot-subnav-link{transition:none}}