/* Integrate the supplied design without altering global header/footer surfaces. */
.gba :is(h1,h2,h3,h4,h5,h6){color:var(--a-text)}
.gba :is(h4,h5,h6){font-family:gbc-dana,sans-serif;font-weight:600;line-height:1.9;margin:22px 0 12px}
.gba-prose :is(h2,h3,h4,h5,h6){text-align:start;scroll-margin-top:110px}
.gba-prose h3{margin:24px 0 12px}
.gba-prose p{margin-bottom:14px}
.gba-prose>p:first-child{margin-bottom:25px}
.gba-prose :is(ul,ol){margin-bottom:20px}
.gba-prose .gba-toc :is(ol,p){margin-bottom:0}
.gba-prose :is(img,video,iframe){max-width:100%;height:auto;display:block;border-radius:12px;margin-inline:auto}
.gba-prose video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#101010;margin-block:26px}
.gba .gba-video-frame{width:100%;aspect-ratio:16/9;border:0;height:auto;display:block;margin-block:24px;border-radius:12px}
.gba-prose .gba-image-button{margin-block:24px}
.gba-inline-photo .gba-image-button{margin-block:0}
.gba-inline-photo img{width:100%;height:auto}
.gba-prose blockquote{margin:24px 0;padding:20px 24px;border-inline-start:3px solid var(--a-yellow);background:var(--a-surface);border-radius:11px}
.gba-prose hr{border:0;border-top:1px solid var(--a-line);margin:28px 0}
.gba .gba-content-button,.gba .gba-video-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;background:var(--a-yellow);color:#302401;text-decoration:none;font-weight:600;font-size:12px;margin-block:8px}
.gba-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:0;border-radius:11px;margin-block:24px;background:var(--a-surface);isolation:isolate}
.gba-table-wrap table{width:100%;min-width:100%;border-collapse:collapse;border-spacing:0;border:0!important;outline:0!important;box-shadow:none!important;margin:0;background:var(--a-surface);font:inherit;table-layout:auto}
.gba-table-wrap :is(thead,tbody,tfoot,tr){border:0!important;outline:0;box-shadow:none}
.gba-table-wrap :is(th,td){padding:12px 16px;border:0!important;border-bottom:1px solid var(--a-line)!important;outline:0;box-shadow:none;text-align:start;min-width:125px;font-size:var(--a-reading-size);line-height:1.95;color:var(--a-body);vertical-align:top;overflow-wrap:anywhere}
.gba-table-wrap th{font-weight:600;color:var(--a-text);background:var(--a-soft)}
.gba-table-wrap tr:last-child td{border-bottom:0!important}
.gba-table-wrap td:first-child{font-weight:500;color:var(--a-text)}
.gba-table-wrap tbody tr:nth-child(even){background:color-mix(in srgb,var(--a-soft) 35%,transparent)}
.gba-table-wrap :is(th,td)>:last-child{margin-bottom:0}
.gba-table-wrap a{overflow-wrap:anywhere}
.gba-table-wrap:focus-visible{outline:2px solid var(--a-accent);outline-offset:4px}
.gba-faq-native{border-bottom:1px solid var(--a-line)}
.gba-faq-native>summary{list-style:none;display:flex;align-items:center;gap:20px;justify-content:space-between;cursor:pointer;min-height:64px;padding-block:18px;color:var(--a-text);font-size:14px;line-height:1.9;font-weight:500}
.gba-faq-native>summary::-webkit-details-marker{display:none}
.gba-faq-native>summary:after{content:'+';font-size:22px;font-weight:400;color:var(--a-muted);transition:transform .2s;flex-shrink:0}
.gba-faq-native[open]>summary:after{transform:rotate(45deg);color:var(--a-accent)}
.gba-faq-native>summary[aria-expanded="false"]:after{transform:rotate(0deg);color:var(--a-muted)}
.gba-faq-native>div{padding-bottom:12px;animation:gba-answer-in .2s ease both}
@keyframes gba-answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.gba .gba-comment-list,.gba .gba-comment-list .children{list-style:none;padding:0;margin:0}
.gba .gba-comment-list .children{margin-inline-start:24px}
.gba .gba-local-comment{margin-block:16px}
.gba .gba-local-comment header a{font-size:10px;color:var(--a-muted)}
.gba .gba-comment-text{font-size:13px;line-height:2.1;color:var(--a-body);margin-top:12px;overflow-wrap:anywhere}
.gba .gba-comment-text p{margin-bottom:8px}
.gba .comment-reply-link{display:inline-flex;font-size:11px;color:var(--a-accent);margin-top:8px}
.gba .gba-moderation,.gba .gba-logged-in,.gba .gba-comments-closed{font-size:12px;color:var(--a-muted);margin-block:16px}
.gba .gba-logged-in a{color:var(--a-accent)}
.gba .comment-respond{margin-top:20px}
.gba .comment-reply-title:empty{display:none}
.gba #cancel-comment-reply-link{font-family:gbc-dana,sans-serif;font-size:11px;color:var(--a-accent);margin-inline-start:16px}
.gba .comment-form-cookies-consent{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:16px;color:var(--a-muted)}
.gba .comment-form-cookies-consent input{width:16px;height:16px;min-height:0;flex-shrink:0;accent-color:var(--a-yellow)}
.gba .comment-form-cookies-consent label{font-size:11px;display:inline}
.gba .gba-form-row input{box-shadow:none}
.gba .gba-form-bottom>button{border:0;white-space:nowrap}
.gba .gba-feedback button:disabled{cursor:default}
.gba .gba-related-placeholder{aspect-ratio:1.8;display:grid;place-items:center;background:var(--a-soft);color:var(--a-accent)}
.gba .gh-article-content small{margin-top:auto!important;padding-top:14px}
.gba .gh-article-content h3{margin-bottom:20px!important}
.gba .gba-related-track{cursor:grab}
/* One coherent interaction system, scoped entirely to the article. */
.gba :is(.gba-content-button,.gba-video-link,.gba-product-cta,.gba-form-bottom>button){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:9px;background:var(--a-yellow);color:#302401;box-shadow:none;font:600 12px/1.8 gbc-dana,sans-serif;text-decoration:none;vertical-align:middle;transition:background .18s,transform .18s,border-color .18s}
.gba :is(.gba-content-button,.gba-video-link,.gba-product-cta,.gba-form-bottom>button):hover{background:#ffd04a;color:#302401;transform:translateY(-1px)}
.gba :is(.gba-content-button,.gba-video-link,.gba-form-bottom>button):active{transform:translateY(0)}
.gba :is(.gba-content-button,.gba-video-link):after{content:'←';font:400 17px/1 gbc-dana,sans-serif}
.gba .gba-content-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin-block:22px 28px}
.gba .gba-content-actions>.gba-content-button{display:flex;justify-content:space-between;gap:14px;min-width:0;min-height:64px;height:100%;margin:0;padding:14px 16px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-surface);color:var(--a-text);font:600 12px/1.9 gbc-dana,sans-serif;text-align:start;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
.gba .gba-content-actions>.gba-content-button:after{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--a-yellow) 12%,transparent);color:var(--a-yellow)}
.gba .gba-content-actions>.gba-content-button:hover{background:var(--a-soft);border-color:var(--a-yellow);color:var(--a-text);transform:translateY(-1px)}
.gba .gba-content-actions>.gba-content-button:focus-visible{outline:2px solid var(--a-yellow);outline-offset:3px}
@media(max-width:600px){.gba .gba-content-actions{grid-template-columns:minmax(0,1fr);gap:10px;margin-block:18px 24px}.gba .gba-content-actions>.gba-content-button{min-height:56px;padding:12px 14px}}
.gba .gba-form-bottom>button:disabled{opacity:.65;cursor:wait;transform:none}
.gba :is(.gba-copy,.gba-text-tools>summary){min-height:36px;padding:6px 9px;border:1px solid transparent;border-radius:7px;gap:7px;transition:background .18s,color .18s,border-color .18s}
.gba :is(.gba-copy,.gba-text-tools>summary):hover{background:var(--a-surface);border-color:var(--a-line);color:var(--a-text)}
.gba .gba-tools{gap:8px}
.gba .gba-text-tools>div{top:42px;gap:5px;padding:6px;border-radius:10px}
.gba .gba-text-tools>div>button{min-height:36px;min-width:54px;padding:6px 10px;border-radius:6px}
.gba .gba-text-tools>div>button:not([aria-pressed=true]):hover{background:var(--a-soft)}
.gba .gba-feedback button{min-height:38px;padding:7px 13px;line-height:1.8;border-radius:7px;transition:background .18s,border-color .18s,color .18s}
.gba .gba-feedback button:hover{background:var(--a-surface);border-color:var(--a-accent);color:var(--a-accent)}
.gba .gba-feedback button[aria-pressed=true]{background:color-mix(in srgb,var(--a-accent) 9%,transparent)}
.gba .gba-feedback-status{flex-basis:100%;min-height:0;overflow-wrap:anywhere}
.gba .gba-feedback-status:empty{display:none}
.gba .gba-comments .must-log-in{padding:17px 19px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:10px;line-height:2;font-size:12px;color:var(--a-body)}
.gba .gba-comments .must-log-in a{color:var(--a-accent);text-decoration:underline;text-underline-offset:4px}
.gba .gba-prose .gba-image-button{border-radius:12px;outline-offset:4px}
.gba .gba-prose .gba-image-button:after{content:'⛶';position:absolute;left:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff40;border-radius:8px;background:#10101080;color:white;font:20px/1 sans-serif;pointer-events:none}
.gba .gba-copy-dialog :is(h2,p){padding-inline-end:20px}
.gba .gba-copy-dialog input{min-height:46px;box-shadow:none}
.gba .gba-lightbox-close,.gba .gba-copy-close{min-width:36px;min-height:36px;transition:background .18s,border-color .18s}
.gba .gba-lightbox-close:hover,.gba .gba-copy-close:hover{background:var(--a-surface);border-color:var(--a-accent)!important}
@media(max-width:600px){.gba .gba-tools{gap:10px}.gba :is(.gba-content-button,.gba-video-link){max-width:100%;padding:10px 16px;font-size:12px;white-space:normal;text-align:center}.gba .gba-text-tools>div{top:43px}.gba .gba-form-bottom>button{width:100%;justify-content:space-between}.gba .gba-copy{padding-inline:7px}.gba .gba-feedback-status{text-align:start}.gba .gba-product-cta{display:flex;min-height:44px}.gba .gba-feedback button{min-height:40px}}
.gba h1{font-size:clamp(28px,2.5vw,38px)}
@media(max-width:1100px){.gba h1{font-size:30px}}
@media(max-width:800px){.gba h1{font-size:28px}}
@media(max-width:600px){.gba h1,.gba h1>bdi{font-size:22px}}
@media(max-width:360px){.gba h1,.gba h1>bdi{font-size:21px}}
body.admin-bar .gba-progress{top:100px}
@media(max-width:782px){body.admin-bar .gba-progress{top:114px}}
@media(max-width:600px){.gba-prose :is(h2,h3,h4,h5,h6){scroll-margin-top:88px}.gba-faq-native>summary{font-size:12px;min-height:56px}.gba-table-wrap :is(th,td){padding:10px 12px;min-width:110px}.gba .gba-comment-list .children{margin-inline-start:12px}.gba .gba-form-bottom{grid-template-columns:1fr}.gba .gba-form-bottom>small{white-space:normal}.gba .gba-form-heading label{flex-shrink:0}.gba .gba-comments input,.gba .gba-comments textarea{font-size:16px}.gba .gba-progress,body.admin-bar .gba-progress{top:60px}}
@media(prefers-reduced-motion:reduce){.gba .gba-faq-native>div{animation:none}}
/* Anchor the RTL text-size menu toward the viewport interior on small screens. */
.gba .gba-text-tools>div{box-sizing:border-box;max-width:calc(100vw - 32px)}
.gba .gba-toc summary[aria-expanded=false] .gba-toc-chevron{transform:rotate(0)}
@media(max-width:600px){.gba .gba-text-tools>div{inset-inline-start:auto;inset-inline-end:0;flex-wrap:wrap;width:max-content}.gba .gba-text-tools>div>button{flex:1 0 auto}}

/* Native related-product card: preserve artwork and keep long names/CTA readable. */
.gba .gba-product-box{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px;min-width:0;transition:border-color .2s,background .2s}
.gba .gba-product-box:hover{border-color:var(--a-accent)}
.gba .gba-product-box>img{display:block;width:112px;height:112px;object-fit:contain;object-position:center;background:var(--a-soft);border-radius:12px;margin:0}
.gba .gba-product-box>div{min-width:0}
.gba .gba-product-box h2{margin:4px 0 0!important;font-size:18px;line-height:1.9;overflow-wrap:anywhere;text-wrap:pretty}
.gba .gba-product-box .gba-product-cta{margin:0;min-height:44px;white-space:nowrap;gap:8px}
.gba .gba-side-product img{object-fit:contain;background:var(--a-soft)}
@media(max-width:1100px){.gba .gba-product-box{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:18px}.gba .gba-product-box>img{width:96px;height:96px}.gba .gba-product-box .gba-product-cta{grid-column:1/-1;justify-self:stretch}}
@media(max-width:600px){.gba .gba-product-box{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:16px}.gba .gba-product-box>img{width:80px;height:80px}.gba .gba-product-box h2{font-size:16px}.gba .gba-product-box .gba-product-cta{font-size:12px}}