:root{--bg:#F5F3F0;--field:#FFFFFF;--night:#232323;--raisin:#232323;--blue:#00356B;--ink-mute:#626368}
html{scroll-behavior:smooth}body{font-size:16px}.tile{position:relative}.tile-hit{position:absolute;inset:0;z-index:3;border:0;border-radius:inherit}.tbtns{position:relative;z-index:4}.tile:has(.tile-hit){cursor:pointer}.tile .tbtns:empty{display:none}.quick-nav{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.quick-nav button{border:1px solid var(--line);border-radius:24px;padding:12px 16px;background:white;min-height:44px;font-size:14px;color:#00356B}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:14px}.skip:focus{top:12px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #00356B;outline-offset:4px}.dark button:focus-visible,.dark a:focus-visible{outline-color:white}.sheet,.modal{max-height:96dvh}.sheet-body{overscroll-behavior:contain}.modal-inner{padding-bottom:max(30px,env(safe-area-inset-bottom));overflow-wrap:anywhere}.m-desc,.g-intro,.g-step .body,.g-list li,.g-result{font-size:16px;line-height:1.65}.code{font-size:14px}.copy-btn,.btn,.back,.close,.modal-x{min-height:44px;font-size:14px}.m-title{line-height:1.15}.form-feedback{font-size:16px;color:#00356B;line-height:1.5}.form-trap{position:absolute;left:-10000px}.consent{display:flex;align-items:flex-start;gap:12px;text-transform:none;font-family:var(--sans);font-size:14px;letter-spacing:0;line-height:1.5}.consent input{width:22px;height:22px;flex:0 0 22px;accent-color:#00356B}.consent a{text-decoration:underline}form{display:flex;flex-direction:column;gap:16px}form .f{margin:0}form input,form select,form textarea{font-size:16px}form button:disabled{opacity:.5;cursor:not-allowed}.controls{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 0}.filters{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:8px}.chip{flex-shrink:0;min-height:44px;font-size:14px}.pcard{content-visibility:auto;contain-intrinsic-size:280px}.pcard h3{overflow-wrap:anywhere;line-height:1.25}.sheet-bar{gap:8px}.sheet-bar .t{overflow:hidden;text-overflow:ellipsis}.panel-head h2{line-height:1.15}.m-preview img{object-fit:contain!important;background:#232323}.m-preview{max-height:380px}.form-note{font-size:14px}
.step-image,.guide-video{display:block;width:100%;max-height:440px;object-fit:contain;background:#232323;border-radius:12px;margin:16px 0}
.pcard .cat,.m-tags{display:none}.pcard .tool{font-size:13px;text-transform:none;letter-spacing:0}.m-preview:has(.gen){display:none}.m-type:empty{display:none}.m-actions{gap:8px}.m-actions .btn{font-size:14px}.g-step{margin-top:20px;padding-top:20px}.g-step .sn{margin-bottom:8px}
.reader-prompt{margin:18px 0}.reader-prompt .block-label{gap:12px}.reader-prompt .block-label .k{font-size:14px;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}.reader-prompt .copy-btn{flex-shrink:0}.reader-prompt .code{user-select:text;-webkit-user-select:text}
.tile.custom-colors{background:var(--tile-bg,var(--field))!important;color:var(--tile-text,var(--ink))!important;box-shadow:inset 0 3px 0 var(--tile-accent,var(--blue)),var(--sh-1)}.tile.custom-colors .cover-scrim{background:color-mix(in srgb,var(--tile-bg,var(--night)) 76%,transparent)!important}.tile.custom-colors .sub,.tile.custom-colors .body-text,.tile.custom-colors .eyebrow,.tile.custom-colors .role,.tile.custom-colors .hero-subline,.tile.custom-colors .widget-lbl{color:var(--tile-secondary,var(--tile-text,var(--ink)))!important}.tile.custom-colors h1,.tile.custom-colors h3,.tile.custom-colors .name,.tile.custom-colors .widget-val{color:var(--tile-text,var(--ink))!important}.tile.custom-colors .tbtn,.tile.custom-colors .mini,.tile.custom-colors .go,.tile.custom-colors .badge{color:var(--tile-text,var(--ink))!important;border-color:var(--tile-accent,var(--blue))!important}.tile.custom-colors .mini.solid{background:var(--tile-accent,var(--blue))!important}.tile.custom-colors .arw{color:var(--tile-accent,var(--blue))!important}.tile.custom-colors .mini.solid .arw{color:inherit!important}
@media(max-width:430px){.p-grid{gap:10px}.pcard .b{padding:12px}.pcard h3{font-size:19px}.m-actions .btn{flex:1 1 auto;justify-content:center}.sheet-bar .t{font-size:12px}.quick-nav button{flex:1}.sheet-inner{min-width:0}.modal{border-radius:18px 18px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}