/* Consistent controls with native semantics retained as a no-JavaScript fallback. */
button,input,select,summary{-webkit-tap-highlight-color:transparent}
button{-webkit-appearance:none;appearance:none}
input[type=search]{-webkit-appearance:none;appearance:none}
.search-clear{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(169,194,214,.35)}
.search-clear svg{width:12px;height:12px}
.method-filter{min-width:235px}
.method-filter select{-webkit-appearance:none;appearance:none;padding-right:39px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23546f85' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 15px center;background-size:16px;background-repeat:no-repeat}
.method-trigger{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:46px;padding:10px 15px 10px 18px;border:0;border-radius:inherit;background:transparent;text-align:left;font-size:13px;line-height:1.6;color:#314f68}
.method-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.control-chevron{width:14px;height:14px;flex-shrink:0;color:#537790;transition:transform .18s ease}
.method-trigger[aria-expanded=true]>.control-chevron{transform:rotate(180deg)}
.method-filter.is-open{z-index:25;box-shadow:0 0 0 3px rgba(108,163,207,.12),0 4px 16px rgba(60,84,106,.08)}
.method-trigger:focus-visible{outline:2px solid #4884b3;outline-offset:3px}
.method-popover{position:absolute;right:0;top:calc(100% + 9px);width:300px;max-width:calc(100vw - 28px);max-height:var(--picker-space,460px);overflow-y:auto;overscroll-behavior:contain;padding:9px;border:1px solid rgba(255,255,255,.95);border-radius:23px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,249,254,.94));-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 18px 50px rgba(34,64,90,.17),0 2px 8px rgba(46,76,100,.06),inset 0 1px 0 #fff}
.method-filter.opens-up .method-popover{top:auto;bottom:calc(100% + 9px)}
.method-caption{margin:5px 10px 7px;color:#748b9c;font-size:10px;line-height:1.8;letter-spacing:.5px}
.method-options{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.method-options [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px;padding:9px 11px;border:1px solid transparent;border-radius:13px;font-size:12px;line-height:1.65;color:#35566f;cursor:pointer}
.method-options [role=option].is-active{background:rgba(224,237,248,.7);border-color:rgba(177,206,229,.45)}
.method-options [role=option][aria-selected=true]{color:#175e95;font-weight:600}
.option-check{width:15px;height:15px;opacity:0;color:#2678b4}
.method-options [aria-selected=true]>.option-check{opacity:1}
.extra-links-group{margin-top:16px}
.extra-links-group>summary{display:flex;align-items:center;gap:8px;min-height:38px;width:100%;padding:8px 11px;border:1px solid #e0eaf2;border-radius:13px;background:#f4f8fc;color:#426b89;list-style:none;line-height:1.7;font-size:12px;user-select:none}
.extra-links-group>summary::-webkit-details-marker{display:none}
.extra-links-group>summary::marker{content:""}
.extra-links-group>summary .disclosure-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:auto;border-radius:7px;background:#e5edf5;color:#547690;font-size:10px}
.extra-links-group>summary .control-chevron{width:12px;height:12px}
.extra-links-group[open]>summary .control-chevron{transform:rotate(180deg)}
.extra-links-group>summary:hover{background:#ecf4fb;border-color:#ccdfed}
.extra-links-group[open]>summary{background:#eaf3fb;border-color:#c9deee;color:#28628c}
.extra-links-group>.extra-links{padding:8px 3px 1px;gap:4px}
.extra-links-group>.extra-links>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;border-radius:10px;padding:7px 8px;font-size:11px;line-height:1.7}
.extra-links-group>.extra-links>a:hover{background:#f0f6fb;text-decoration:none}
.code-tabs button,.code-toolbar button{transition:background .16s,border-color .16s,color .16s}
.code-toolbar button:hover{background:#40627c;border-color:#7896ad}
.code-tabs button:hover{background:#e3edf5}
.code-tabs button[aria-selected=true]:hover{background:#d8eaf8}
.content-list li::marker{color:#7793a9;font-size:.85em}
.official-logo.platform-icon{width:42px;height:42px;padding:7px;background:#fff;border:1px solid #e3ebf1;border-radius:14px;box-shadow:0 1px 3px rgba(48,70,90,.035)}
.official-logo.platform-icon.large{width:56px;height:56px;padding:10px;border-radius:17px}
.official-logo img{display:block;width:100%;height:100%;object-fit:contain}
.entry-heading{align-items:center}
.entry-identity{display:flex;align-items:center;gap:12px;min-width:0}
.entry-title{min-width:0}
.entry-title h3{margin:0;line-height:1.5}
.entry-title>span{display:block;font-size:11px;line-height:1.7;color:#738798;margin-top:2px}
.platform-list[data-view=grid] .entry-heading{grid-template-columns:minmax(0,1fr) auto;gap:10px}
.platform-list[data-view=grid] .entry-identity{grid-column:1;grid-row:1 / span 2}
.platform-list[data-view=grid] .entry-heading h3{font-size:21px}
.platform-list[data-view=grid] .entry-category{grid-row:1 / span 2;align-self:center;margin-top:0}
.platform-list[data-view=expanded] .entry-identity{flex:1}
.handbook-heading{display:flex;align-items:center;gap:16px;margin-bottom:17px}
.handbook-heading>div{min-width:0}
.handbook-platform-name{font-size:11px;line-height:1.8;color:#5c7a91}
.handbook-platform-name>span{margin-left:9px;color:#8698a5}
.handbook-heading h1{margin:4px 0 0}
@media(max-width:760px){.method-filter{min-width:210px}.handbook-heading{gap:13px}}
@media(max-width:480px){
 .method-filter{min-width:208px;max-width:100%;height:42px}
 .method-trigger{min-height:40px;padding:8px 13px 8px 15px;font-size:12px}
 .method-popover{right:auto;left:0;width:300px;border-radius:21px}
 .method-options [role=option]{min-height:41px;padding:10px 11px}
 .official-logo.platform-icon{width:38px;height:38px;padding:6px;border-radius:12px}
 .official-logo.platform-icon.large{width:48px;height:48px;padding:8px;border-radius:15px}
 .entry-identity{gap:10px}
 .platform-list[data-view=grid] .entry-heading{gap:8px}
 .platform-list[data-view=grid] .entry-heading h3{font-size:19px}
 .entry-title>span{font-size:9px;line-height:1.5;margin-top:3px}
 .platform-list[data-view=grid] .entry-category{font-size:9px;padding:3px 7px}
 .handbook-heading{align-items:flex-start}
 .handbook-heading .platform-icon{margin-top:4px}
 .handbook-heading h1{font-size:24px;letter-spacing:-.4px}
 .extra-links-group>summary{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.control-chevron,.code-tabs button,.code-toolbar button{transition:none}}
@media(prefers-reduced-transparency:reduce){.method-popover{background:#f8fbfe;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){.method-popover,.extra-links-group>summary,.official-logo.platform-icon{border-color:#91a9bb}.method-popover{background:#fff}.method-options [role=option].is-active{border-color:#789dbb;background:#e2effb}.method-options [role=option][aria-selected=true]{color:#064c83}}

.official-logo.platform-icon.brand-wordmark{width:124px;padding:5px 8px}
.official-logo.platform-icon.large.brand-wordmark{width:164px;padding:7px 10px}
@media(max-width:480px){.official-logo.platform-icon.brand-wordmark{width:108px;padding:4px 6px}.official-logo.platform-icon.large.brand-wordmark{width:144px;padding:6px 8px}}

/* Hide scrollbar chrome throughout the site; keep each container scrollable. */
*{scrollbar-width:none!important;-ms-overflow-style:none!important}
*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}