@font-face{font-family:Outfit Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Liberation Sans Bold);font-weight:600;size-adjust:93.3%;ascent-override:107.2%;descent-override:27.9%;line-gap-override:0%}@font-face{font-family:DM Sans Fallback;src:local(Arial),local(ArialMT),local(Liberation Sans);size-adjust:104.8%;ascent-override:94.7%;descent-override:29.6%;line-gap-override:0%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffdf8;--surface:#f5f1e8;--surface-hover:#ede7da;--line:#ebe6dc;--line-strong:#808590;--ink:#1f325a;--ink-2:#56627a;--accent:#2651cb;--accent-hover:#1f44b0;--accent-press:#1a3a96;--accent-tint:#edf1fc;--sun:#edc45c;--paper-surface:#f2efe7;--group-mark:#edc45c;--font-display:"Outfit", "Outfit Fallback", system-ui, sans-serif;--font-text:"DM Sans", "DM Sans Fallback", system-ui, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-paper:2px;--r-small:8px;--r-surface:16px;--r-pill:999px;--shadow-sheet:0 0 0 1px #1f325a0f, 0 1px 2px #1f325a0f, 0 6px 16px -6px #1f325a24;--shadow-sheet-hover:0 0 0 1px #1f325a0f, 0 2px 4px #1f325a0f, 0 14px 28px -10px #1f325a33;--shadow-pop:0 0 0 1px #1f325a14, 0 16px 48px -12px #1f325a3d;--shadow-thumb:0 0 0 1px var(--line-strong), 0 1px 2px #1f325a1f;--shadow-card:0 1px 2px #1f325a0a, 0 18px 40px -20px #1f325a3d;--shadow-rest:0 0 0 1px #1f325a12, 0 1px 2px #1f325a0a;--r-tile:24px;--r-panel:32px;--t-fast:.12s;--t-base:.2s;--t-slow:.32s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--gutter:16px;--container:1240px;--measure:680px;--header:64px;--section:64px}@media (width>=600px){:root{--gutter:24px}}@media (width>=960px){:root{--gutter:32px;--header:72px;--section:96px}}[data-group=kids]{--paper-surface:#f7efdb;--group-mark:#ddb553}[data-group=puzzles]{--paper-surface:#edf0f8;--group-mark:#8c9dd1}[data-group=planning]{--paper-surface:#edf2ec;--group-mark:#8ba990}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + var(--s4));background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-text);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);flex-direction:column;min-height:100svh;margin:0;display:flex}main{padding-top:var(--s5);outline:none;flex:1}@media (width>=600px){main{padding-top:40px}}@media (width>=960px){main{padding-top:var(--s7)}}h1,h2,h3,p,ol,ul,dl,dd,figure,fieldset{margin:0}h1,h2,h3{text-wrap:balance;font-family:var(--font-display);font-weight:600}p,li,dd{text-wrap:pretty}ol,ul{padding:0;list-style:none}img,svg{display:block}img{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}strong{font-weight:500}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-tint);color:var(--ink)}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.display{font:600 clamp(42px, 5vw + 4px, 76px)/1.02 var(--font-display);letter-spacing:-.035em}.h1{font:600 clamp(34px, 2.8vw + 14px, 54px)/1.06 var(--font-display);letter-spacing:-.03em}.h2{font:600 26px/1.15 var(--font-display);letter-spacing:-.025em}.h3{font:600 18px/1.3 var(--font-display);letter-spacing:-.01em}.lead{color:var(--ink-2);max-width:640px;font-size:17px;line-height:1.5}.small{color:var(--ink-2);font-size:13px;line-height:1.45}@media (width>=960px){.h2{font-size:34px}.h3,.lead{font-size:20px}}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.section{margin-top:var(--section)}.stack-24>*+*{margin-top:var(--s5)}.skip{z-index:10;position:absolute;top:16px;left:16px;transform:translateY(-200%)}.skip:focus-visible{transform:none}.site-header{z-index:20;-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);background:#fffdf8d1;border-bottom:1px solid #1f325a0f;position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:var(--bg)}}.header-inner{height:var(--header);align-items:center;gap:var(--s2);display:flex}.logo{align-items:center;height:44px;margin-right:auto;display:flex}.logo img{width:102px;height:32px}.nav{gap:var(--s1);margin-right:auto;margin-left:var(--s6);display:none}.nav-trigger{border-radius:var(--r-pill);height:40px;transition:background-color var(--t-fast) linear;background:0 0;border:0;align-items:center;gap:4px;padding:0 12px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.nav-trigger svg{transition:transform var(--t-base) var(--ease-out)}.nav-trigger[data-current]:after{content:"";background:var(--sun);border-radius:1px;width:24px;height:3px;margin-left:-12px;position:absolute;bottom:-6px;left:50%}.header-search{display:none}.lang{color:var(--ink-2);padding:10px 4px;font-size:15px;font-weight:500;display:none}.icon-btn{border-radius:var(--r-pill);width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:active{background:var(--surface)}@media (width>=960px){.logo{margin-right:0}.logo img{width:114px;height:36px}.nav{display:flex}.header-search,.lang{margin-left:var(--s4);display:block}.mobile-only{display:none}}@media (hover:hover){.nav-trigger:hover,.icon-btn:hover{background:var(--surface)}.lang:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}}[popover]{color:var(--ink);background:var(--bg);border:0;margin:0;padding:0}.flyout{inset:calc(var(--header) + 8px) 0 auto 0;width:min(100% - 2 * var(--gutter), var(--container));max-height:calc(100svh - var(--header) - 24px);border-radius:var(--r-tile);padding:var(--s3);opacity:0;transform-origin:top;transition:opacity var(--t-fast) var(--ease-in), transform var(--t-fast) var(--ease-in), overlay var(--t-fast) allow-discrete, display var(--t-fast) allow-discrete;margin-inline:auto;position:fixed;overflow-y:auto;transform:translateY(-6px)scale(.99);box-shadow:0 0 0 1px #1f325a14,0 32px 64px -24px #1f325a52}.flyout:popover-open{opacity:1;transition-duration:var(--t-base);transition-timing-function:var(--ease-out);transform:none}@starting-style{.flyout:popover-open{opacity:0;transform:translateY(-6px)scale(.99)}}.flyout ul{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.flyout a{border-radius:var(--r-surface);color:var(--ink);transition:background-color var(--t-fast) linear;padding:12px;display:block}.flyout a .h3{display:block}.flyout a span+span{color:var(--ink-2);margin-top:2px;font-size:14px;line-height:1.45;display:block}.flyout a[aria-current]{background:var(--paper-surface)}:is(.nav:has(#nav-kids:popover-open) [popovertarget=nav-kids],.nav:has(#nav-puzzles:popover-open) [popovertarget=nav-puzzles],.nav:has(#nav-planning:popover-open) [popovertarget=nav-planning]){background:var(--surface)}:is(.nav:has(#nav-kids:popover-open) [popovertarget=nav-kids] svg,.nav:has(#nav-puzzles:popover-open) [popovertarget=nav-puzzles] svg,.nav:has(#nav-planning:popover-open) [popovertarget=nav-planning] svg){transform:rotate(180deg)}@media (hover:hover){.flyout a:hover{background:var(--paper-surface)}}.search-row{inset:var(--header) 0 auto 0;width:auto;padding:var(--s3) var(--gutter) var(--s4);box-shadow:var(--shadow-pop);position:fixed}.menu{width:100%;max-width:none;height:100%;max-height:none;padding:0 16px var(--s6);opacity:0;transition:opacity var(--t-base) var(--ease-out), overlay var(--t-base) allow-discrete, display var(--t-base) allow-discrete;position:fixed;inset:0;overflow-y:auto}.menu:popover-open{opacity:1}@starting-style{.menu:popover-open{opacity:0}}html:has(#nav-mobile:popover-open){overflow:hidden}.menu-top{height:var(--header);justify-content:space-between;align-items:center;display:flex}.menu-group{margin-top:var(--s5);color:var(--ink-2);margin-bottom:var(--s2);align-items:center;gap:var(--s2);font-size:13px;font-weight:500;display:flex}.menu-group:before{content:"";background:var(--group-mark);border-radius:50%;width:8px;height:8px}.menu a{min-height:48px;color:var(--ink);align-items:center;display:flex}.menu-rows a{font:600 18px/1.3 var(--font-display);letter-spacing:-.01em}.menu hr{border:0;border-top:1px solid var(--line);margin:var(--s5) 0 var(--s2)}.menu-links a{font-size:15px;font-weight:500}@supports not selector(:popover-open){.nav-trigger,.flyout,.menu-btn,.search-btn,.menu,.search-row{display:none!important}}.site-footer{margin-top:var(--section);padding:var(--s8) 0 var(--s5);border-radius:var(--r-panel) var(--r-panel) 0 0;background:var(--ink);color:#b9c3da}.site-footer :focus-visible{outline-color:#fff}.footer-intro{align-items:flex-start;gap:var(--s4);margin-bottom:var(--s7);padding-bottom:var(--s7);border-bottom:1px solid #ffffff1a;flex-direction:column;display:flex}.footer-intro .logo{margin-right:0}.site-footer .logo img{filter:brightness(0)invert()}.footer-intro p{color:#fff;max-width:18ch;font:600 clamp(28px, 3vw + 8px, 44px)/1.08 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.footer-grid{gap:var(--s6) var(--s5);grid-template-columns:repeat(2,1fr);display:grid}.footer-grid h2{font:600 15px/1.3 var(--font-text);color:#fff;margin-bottom:var(--s3);align-items:center;min-height:32px;display:flex}.footer-grid h2 a{min-height:0;color:inherit}.footer-grid li+li{margin-top:2px}.footer-grid a,.footer-bottom a{color:#b9c3da;min-height:32px;transition:color var(--t-fast) linear;align-items:center;font-size:15px;display:inline-flex}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid #ffffff1a;display:flex}.site-footer .small{color:#8e9ab6}.footer-bottom a{border-radius:var(--r-pill);padding:0 14px;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff2e}@media (width>=960px){.site-footer{padding-top:88px}.footer-intro{flex-direction:row;justify-content:space-between;align-items:flex-end}.footer-intro .logo{order:1}.footer-grid{grid-template-columns:repeat(4,1fr)}}@media (hover:hover){.footer-grid a:hover,.footer-bottom a:hover{color:#fff}}.btn{justify-content:center;align-items:center;gap:var(--s2);height:52px;padding:0 var(--s5);border-radius:var(--r-pill);white-space:nowrap;transition:background-color var(--t-fast) linear, color var(--t-fast) linear, transform var(--t-fast) var(--ease-out);border:0;font-size:16px;font-weight:500;line-height:1.35;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff29,0 10px 24px -12px #2651cbb3}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--accent-tint);color:var(--accent)}.btn-small{height:44px}@media (width>=600px){.btn{height:48px}.btn-small{height:44px}}@media (hover:hover){.btn-primary:hover{background:var(--accent-hover)}.btn-secondary:hover{background:color-mix(in srgb, var(--accent-tint), var(--accent) 6%)}}.link{min-height:44px;color:var(--accent);align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}@media (hover:hover){.link:hover,.family-link:hover,.facts a:hover,.prose a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}}.search{position:relative}.search svg{color:var(--ink-2);pointer-events:none;margin-top:-8px;position:absolute;top:50%;left:14px}.search input{border:1px solid var(--line-strong);border-radius:var(--r-pill);width:100%;height:40px;color:var(--ink);appearance:none;transition:border-color var(--t-fast) linear, box-shadow var(--t-base) var(--ease-out);background:#fff;padding:0 16px 0 38px;font-size:16px}.search input::placeholder{color:var(--ink-2);opacity:1}.search input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px #2651cb29}@media (forced-colors:active){.search input:focus{outline:2px solid canvastext}}.header-search{width:240px}.search-lg{max-width:560px}.search-lg svg{margin-top:-10px;left:20px}.search-lg input{height:60px;padding-left:52px;padding-right:64px;font-size:17px;box-shadow:0 1px 2px #1f325a0d,0 10px 30px -14px #1f325a38}.search-lg input:focus{box-shadow:0 0 0 4px #2651cb29,0 10px 30px -14px #1f325a38}.search-submit{background:var(--accent);color:#fff;width:46px;transition:background-color var(--t-fast) linear;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset:7px 7px 7px auto}.search-submit svg{color:inherit;margin:0;position:static}@media (hover:hover){.search-submit:hover{background:var(--accent-hover)}}.search-row .search input{height:48px}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chips+.chips{margin-top:var(--s3)}.chip{border:1px solid var(--line);border-radius:var(--r-pill);height:40px;color:var(--ink);white-space:nowrap;transition:background-color var(--t-fast) linear, transform var(--t-fast) var(--ease-out);background:#fff;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #1f325a0a}.chip:active{transform:scale(.98)}.chip[aria-current=true]{border-color:var(--ink);background:var(--ink);color:#fff}.chip-gap{margin-left:var(--s4)}@media (hover:hover){.chip:not([aria-current=true]):hover{border-color:var(--line-strong);background:var(--surface)}}@media (width>=600px){.chip{height:36px}}@media (width<=599px){.chips{scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start}}.grid{gap:var(--s6) var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=600px){.grid{gap:40px var(--s5);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.grid{gap:var(--s7) var(--s5);grid-template-columns:repeat(4,minmax(0,1fr))}}.card-link{color:var(--ink);outline:none;display:block}.art{aspect-ratio:4/5;background:var(--paper-surface);border-radius:var(--r-surface);grid-template:100%/100%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1f325a06}.card-link:focus-visible .art,.family:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sheet{border-radius:var(--r-paper);width:auto;max-width:80%;height:auto;max-height:84%;box-shadow:var(--shadow-sheet);transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);background:#fff}.card-link:active .sheet,.family:active .sheet{transform:scale(.99)}@media (hover:hover){.card-link:hover .sheet,.family:hover .sheet{box-shadow:var(--shadow-sheet-hover);transform:translateY(-4px)}.card-link:hover .card-title,.family:hover .h3{color:var(--accent)}}.badge-play{border:1px solid var(--line);background:var(--bg);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.card-title{margin-top:var(--s3);font:500 16px/1.35 var(--font-text);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-meta{margin-top:var(--s1);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.45;overflow:hidden}.families{gap:40px var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width>=960px){.families{grid-template-columns:repeat(4,minmax(0,1fr))}}.family{color:var(--ink);outline:none;display:block}.family .h3{margin-top:var(--s3)}.family .count{margin-top:var(--s1)}.family .chev{display:none}@media (width>=600px){.family .art{aspect-ratio:1}}@media (width<=599px){.families{display:block}.family{align-items:center;gap:var(--s4);border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 16px;min-height:80px;display:grid}.family .art,.row .art{aspect-ratio:auto;border-radius:var(--r-small);width:48px;height:56px}.family .h3{margin-top:0}.family .chev{color:var(--ink-2);display:block}}.row{align-items:center;gap:var(--s4);max-width:480px;min-height:64px;margin-bottom:var(--s5);border-bottom:1px solid var(--line);color:var(--ink);transition:background-color var(--t-fast) linear;grid-template-columns:44px 1fr 16px;display:grid}.row .art{aspect-ratio:auto;border-radius:var(--r-small);width:44px;height:56px}.row .h3{margin:0}.row .chev{color:var(--ink-2)}.family .art .sheet,.row .art .sheet{box-shadow:var(--shadow-sheet)}@media (hover:hover){.row:hover{background:var(--surface)}}@media (width<=599px) and (hover:hover){.family:hover{background:var(--surface)}.family:hover .sheet{transform:none}}.family:active,.row:active{background:var(--surface)}@media (width>=600px){.family:active{background:0 0}}.section-head{margin-bottom:var(--s5)}.section-head a{color:var(--ink)}@media (hover:hover){.section-head a:hover{color:var(--accent)}}.pagination{justify-content:center;align-items:center;gap:var(--s3);margin-top:var(--s7);color:var(--ink-2);font-size:15px;display:flex}.pagination>span{border-radius:var(--r-pill);background:var(--surface);height:44px;color:var(--ink);align-items:center;padding:0 18px;font-weight:500;display:inline-flex}.pagination .btn{padding:0 18px}.directory{gap:var(--s6);display:grid}@media (width>=600px){.directory{grid-template-columns:repeat(3,minmax(0,1fr))}}.directory h2{font:500 13px/1.45 var(--font-text);color:var(--ink-2);margin-bottom:var(--s2)}.directory li+li{margin-top:var(--s2)}.directory a{min-height:32px;color:var(--ink);align-items:center;font-size:17px;font-weight:500;display:inline-flex}@media (hover:hover){.directory a:hover{text-underline-offset:3px;text-decoration:underline}}.hero-copy{min-width:0}.hero .display span{isolation:isolate;position:relative}.hero .display span:after{content:"";z-index:-1;border-top:4px solid var(--sun);border-radius:50%;width:112px;height:10px;position:absolute;bottom:-5px;right:0;transform:rotate(-3deg)}.hero .lead{margin-top:var(--s4)}.hero .search-lg{margin-top:var(--s5)}.hero-browse{margin-top:var(--s2)}.hero-art{display:none}@media (width>=960px){.hero{align-items:center;gap:var(--s7);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.hero-art{isolation:isolate;height:340px;display:block;position:relative}.hero-art:before{content:"";background:radial-gradient(closest-side,#edc45c61,#0000);border-radius:50%;position:absolute;inset:8% 6% 0}.hero-paper{border-radius:var(--r-paper);width:196px;height:268px;transition:transform var(--t-slow) var(--ease-out);background:#fff;place-items:center;margin:-134px 0 0 -98px;padding:6px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #1f325a0f,0 24px 48px -20px #1f325a59}.hero-paper picture{display:contents}.hero-paper img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.hero-art[data-papers="3"] .hero-paper:first-of-type,.hero-art[data-papers="2"] .hero-paper:first-of-type{transform:translate(-128px,22px)rotate(-11deg)}.hero-art[data-papers="3"] .hero-paper:nth-of-type(3),.hero-art[data-papers="2"] .hero-paper:nth-of-type(2){transform:translate(128px,14px)rotate(10deg)}.hero-art[data-papers="3"] .hero-paper:nth-of-type(2){z-index:1;transform:translateY(-16px)rotate(-1.5deg)}.hero-paper:nth-of-type(2):before{content:"";background:#edc45c99;width:60px;height:22px;position:absolute;top:-10px;left:calc(50% - 30px);transform:rotate(-4deg)}.hero-art:hover .hero-paper:nth-of-type(2){transform:translateY(-24px)rotate(0)}.hero-spark{color:var(--accent);position:absolute;top:2px;left:4%;transform:rotate(12deg)}}.group{margin-top:var(--s7)}.group .h2{align-items:center;gap:var(--s3);margin-bottom:var(--s5);display:flex}.group .h2:before{content:"";background:var(--group-mark);border-radius:50%;flex:none;width:10px;height:10px}.group .h2:after{content:"";height:1px;margin-left:var(--s3);background:var(--line);flex:1}.home .fresh{margin-top:var(--section)}.listing .lead{margin-top:var(--s3)}.collection-link{margin-top:var(--s7)}.listing .search-lg,.filters{margin-top:var(--s5)}.status{margin-top:var(--s4);color:var(--ink-2);align-items:center;column-gap:var(--s2);flex-wrap:wrap;font-size:15px;display:flex}.status .link{min-height:32px}.results{margin-top:var(--s5)}@media (width>=960px){.results{margin-top:40px}}.empty p{margin-top:var(--s2);color:var(--ink-2)}.empty .directory{margin-top:var(--s6)}.empty+.grid{margin-top:var(--s5)}.legend{max-width:var(--measure)}.legend dl{margin-top:var(--s5)}.legend dl div{gap:var(--s4);padding:var(--s2) 0;grid-template-columns:minmax(96px,160px) 1fr;font-size:15px;display:grid}.legend dt{font-weight:500}.legend dd{color:var(--ink-2)}.prose{max-width:var(--measure)}.prose p{margin-top:var(--s4)}.detail{grid-template-areas:"family""title""facts""preview""buy""variants""license""desc";display:grid}.crumbs{color:var(--ink-2);grid-area:family;justify-self:start;font-size:15px;font-weight:500}.family-link,.facts a{color:var(--accent)}.listing .crumbs+.h1{margin-top:var(--s1)}.detail h1{margin-top:var(--s1);grid-area:title}.facts{margin-top:var(--s2);flex-wrap:wrap;grid-area:facts;font-size:15px;font-weight:500;line-height:1.35;display:flex}.facts dd{display:inline}.facts div:not(:last-child):after{content:" · ";white-space:pre;color:var(--ink-2)}.table{margin:var(--s4) calc(-1 * var(--gutter)) 0;background:var(--paper-surface);cursor:zoom-in;grid-template:100%/100%;grid-area:preview;place-items:center;height:clamp(220px,38svh,340px);display:grid}.table .sheet{view-transition-name:sheet;max-width:84%;max-height:88%;transition:none}.buy{margin-top:var(--s4);grid-area:buy}.buy-row{gap:var(--s2);flex-wrap:wrap;display:flex}.buy-row .btn-primary{flex:176px}@media (width<=599px){.buy-row .btn-primary{padding-inline:16px}}.buy-meta{margin-top:var(--s2)}.buy-links{column-gap:var(--s4);margin-top:var(--s1);flex-wrap:wrap;display:flex}.buy-links:empty{display:none}.buy .btn-secondary{width:100%;margin-top:var(--s3)}.suffix{display:none}@supports not selector(:has(*)){.suffix{display:inline}}:is(.buy:has(#paper-letter:checked) [data-paper=a4],.buy:has(#paper-a4:checked) [data-paper=letter]){display:none}.variants{margin-top:var(--s5);grid-area:variants}.variants h2{font:500 15px/1.35 var(--font-text)}.variants ul{gap:var(--s3);margin-top:var(--s2);scrollbar-width:none;padding:2px;display:flex;overflow-x:auto}.variants li a{width:64px;color:var(--ink);text-align:center;font-size:13px;line-height:1.3;display:block}.variants .thumb{background:var(--surface);border-radius:var(--r-small);grid-template:100%/100%;place-items:center;width:56px;height:79px;margin:0 auto 6px;display:grid}.variants .thumb img{object-fit:contain;max-width:80%;max-height:84%;box-shadow:var(--shadow-sheet);border-radius:1px}.variants .chips{margin-top:var(--s2)}.variants a[aria-current=true] .thumb{box-shadow:0 0 0 2px var(--ink)}.license{margin-top:var(--s5);grid-area:license}.license a{color:var(--accent)}.desc{margin-top:var(--s5);color:var(--ink-2);max-width:var(--measure);grid-area:desc}@media (width>=600px){.table{border-radius:var(--r-surface);height:clamp(360px,55svh,560px);margin-inline:0}}@media (width>=960px){.detail{column-gap:var(--s5);grid-template-rows:auto auto auto auto auto auto auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"preview preview preview preview preview preview preview family family family family family""preview preview preview preview preview preview preview title title title title title""preview preview preview preview preview preview preview desc desc desc desc desc""preview preview preview preview preview preview preview facts facts facts facts facts""preview preview preview preview preview preview preview buy buy buy buy buy""preview preview preview preview preview preview preview variants variants variants variants variants""preview preview preview preview preview preview preview license license license license license""preview preview preview preview preview preview preview. . . . .";align-items:start}.detail .crumbs,.detail h1,.desc,.facts,.buy,.variants,.license{padding-left:var(--s5)}.detail h1{margin-top:var(--s2)}.desc{margin-top:var(--s3);font-size:17px;line-height:26px}.facts{margin-top:var(--s3);flex-wrap:nowrap}.table{top:calc(var(--header) + var(--s5));height:clamp(480px, calc(100svh - var(--header) - 112px), 860px);margin:0;position:sticky}.buy,.variants{margin-top:var(--s6)}.variants ul{flex-wrap:wrap;overflow:visible}}.howto{max-width:var(--measure)}.howto .h2+*{margin-top:var(--s5)}.howto ol{counter-reset:step;margin-top:var(--s4)}.howto li{counter-increment:step;gap:var(--s3);grid-template-columns:28px 1fr;display:grid}.howto li+li{margin-top:var(--s3)}.howto li:before{content:counter(step);background:var(--surface);width:28px;height:28px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;align-self:start;place-items:center;font-size:15px;font-weight:500;line-height:1.6;display:grid}.howto p{margin-top:var(--s4)}.howto .tip strong{font-weight:500}.paper{border-radius:var(--r-pill);background:var(--surface);height:52px;border:0;flex:none;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;min-inline-size:auto;padding:4px;display:inline-grid;position:relative}.paper input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.paper label{z-index:1;border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;transition:background-color var(--t-fast) linear, color var(--t-fast) linear;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:15px;font-weight:500;display:flex;position:relative}.paper input:checked+label{color:var(--ink)}.paper input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.paper .glyph{flex:none}@supports selector(:has(*)){.paper:before{content:"";border-radius:var(--r-pill);background:var(--bg);width:calc(50% - 4px);box-shadow:var(--shadow-thumb);transition:transform var(--t-base) var(--ease-out);position:absolute;top:4px;bottom:4px;left:4px}.paper:has(input:nth-of-type(2):checked):before{transform:translate(100%)}}@supports not selector(:has(*)){.paper input:checked+label{background:var(--bg);box-shadow:var(--shadow-thumb)}}@media (hover:hover){.paper input:not(:checked)+label:hover{background:var(--surface-hover)}}@media (width>=600px){.paper{height:48px}}::view-transition-old(sheet){animation-duration:var(--t-base);animation-timing-function:var(--ease-out)}::view-transition-new(sheet){animation-duration:var(--t-base);animation-timing-function:var(--ease-out)}::view-transition-group(sheet){animation-duration:var(--t-base);animation-timing-function:var(--ease-out)}.error .lead{margin-top:var(--s3)}.error .search-lg{margin-top:var(--s6)}.information .prose{margin-top:40px}.information section+section{margin-top:var(--s7)}.information .prose .h2+p{margin-top:var(--s3)}.information .prose p:first-child{margin-top:0}@media (forced-colors:active){.btn,.chip,.paper label{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.btn,.chip,.flyout,.menu,.row,.family,.card-link{transition:background-color var(--t-fast) linear, color var(--t-fast) linear, opacity var(--t-fast) linear!important}.sheet,.flyout,.card-link:hover .sheet,.family:hover .sheet{transform:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media print{.site-header,.site-footer,.skip,.crumbs,.facts,.buy,.variants,.license,.desc,.howto,.related{display:none!important}main{padding:0}.detail{display:block}.table{background:0 0;height:auto;margin:12pt 0 0}.table .sheet{max-width:100%;max-height:80vh;box-shadow:none}.print-line{margin-top:12pt;font-size:10pt;display:block!important}}.print-line{display:none}[data-area=learn]{--paper-surface:#f8efda;--group-mark:#ddb553;--area-ink:#7a5b12}[data-area=puzzles]{--paper-surface:#ebeff9;--group-mark:#8c9dd1;--area-ink:#3a4f96}[data-area=create]{--paper-surface:#f9e9e2;--group-mark:#ce9680;--area-ink:#94472c}[data-area=games]{--paper-surface:#e7f0f4;--group-mark:#80a8b9;--area-ink:#33667c}[data-area=organize]{--paper-surface:#ebf2ea;--group-mark:#8ba990;--area-ink:#3f6847}.page-hero,.hero{--dots:radial-gradient(#1f325a13 1px, transparent 1.2px)}.architecture-nav{margin-left:var(--s5);gap:2px}.nav-area{border-radius:var(--r-pill);height:40px;transition:background-color var(--t-fast) linear;align-items:center;display:flex}.nav-area-link{height:40px;color:var(--ink);align-items:center;padding-left:14px;font-size:15px;font-weight:500;display:inline-flex}.nav-area-toggle{border-radius:var(--r-pill);width:30px;height:40px;color:var(--ink-2);background:0 0;border:0;place-items:center;padding-right:4px;display:inline-grid}.nav-area-toggle svg{transition:transform var(--t-base) var(--ease-out)}.nav-area[data-current]{background:var(--paper-surface)}.nav-area[data-current] .nav-area-toggle{color:var(--area-ink)}.nav-area:has(:popover-open){background:var(--paper-surface)}.nav-area:has(:popover-open) .nav-area-toggle svg{transform:rotate(180deg)}.architecture-header .header-search input{border-color:var(--line);background:#ffffffe6;height:40px;box-shadow:0 1px 2px #1f325a0a}.architecture-header .lang{border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line);padding:8px 14px;font-size:14px;line-height:1.5}.flyout[data-area]{background:#fff}.flyout-inner{gap:var(--s3);width:auto;display:grid}.flyout-intro{align-items:flex-start;gap:var(--s3);padding:var(--s5);border-radius:var(--r-surface);background:var(--dots,none) 0 0 / 18px 18px, var(--paper-surface);--dots:radial-gradient(#1f325a12 1px, transparent 1.2px);flex-direction:column;display:flex}.flyout-title{font:600 22px/1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.flyout-desc{color:var(--ink-2);font-size:15px;line-height:1.5}.flyout .flyout-intro .btn{padding:0 var(--s5);border-radius:var(--r-pill);color:var(--ink);box-shadow:var(--shadow-rest);background:#fff;margin-top:auto;display:inline-flex}.flyout .flyout-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:4px}.flyout-list a{column-gap:var(--s4);grid-template:"thumb name""thumb desc"1fr/48px minmax(0,1fr);align-items:start;padding:10px;display:grid}.flyout-list .h3{grid-area:name;align-self:end}.flyout-thumb{background:var(--paper-surface);border-radius:10px;grid-area:thumb;align-self:center;place-items:center;width:48px;height:60px;display:grid}.flyout-thumb img,.flyout-thumb .sheet-blank{width:auto;max-width:70%;max-height:78%;box-shadow:var(--shadow-sheet);transition:transform var(--t-base) var(--ease-out);background:#fff;border-radius:1px}.flyout-thumb .sheet-blank{width:64%}.flyout-list .h3{font-size:16px}.flyout .flyout-list .flyout-thumb{margin:0;display:grid}.flyout .flyout-list .flyout-desc-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:desc;font-size:13px;display:-webkit-box;overflow:hidden}.flyout-list a[aria-current]{background:var(--paper-surface)}@media (width>=960px){.flyout-inner{grid-template-columns:300px minmax(0,1fr)}}@media (hover:hover){.flyout-list a:hover .flyout-thumb img{transform:rotate(-4deg)scale(1.06)}.flyout .flyout-intro .btn:hover{background:var(--ink);color:#fff}}.menu-group a{gap:var(--s2);color:var(--area-ink,var(--ink));font-size:15px;font-weight:500}.menu-group[data-area]{margin:var(--s5) 0 0;border-radius:var(--r-surface) var(--r-surface) 0 0;background:var(--paper-surface);padding:4px 16px}.menu-group[data-area]:before{display:none}.menu-group[data-area] a{justify-content:space-between;width:100%;min-height:44px}.menu-rows[data-area]{border-radius:0 0 var(--r-surface) var(--r-surface);background:var(--paper-surface);padding:0 6px 6px}.menu-rows[data-area] li{background:#ffffffb3;border-radius:12px}.menu-rows[data-area] li+li{margin-top:4px}.menu-rows[data-area] a{gap:var(--s3);min-height:56px;padding:0 10px;font-size:16px}.menu-thumb{flex:none;place-items:center;width:32px;height:40px;display:grid}.menu-thumb img{width:auto;max-width:100%;max-height:100%;box-shadow:var(--shadow-sheet);border-radius:1px}.menu-thumb:empty{box-shadow:var(--shadow-sheet);background:#fff;border-radius:4px;scale:.8}.menu-links{gap:var(--s2);flex-wrap:wrap;display:flex}.menu-links a{border-radius:var(--r-pill);min-height:40px;box-shadow:inset 0 0 0 1px var(--line);padding:0 16px}.crumbs ol,.crumbs li{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.crumbs{font-size:14px}.crumbs a{color:var(--ink-2);transition:color var(--t-fast) linear;padding-block:5px;display:inline-block}.crumbs [aria-current]{color:var(--ink)}.crumb-separator{color:var(--line-strong)}@media (hover:hover){.crumbs a:hover{color:var(--accent)}}@media (width<=599px){.page-hero .crumbs li:last-child:not(:first-child){display:none}}.page-hero{padding:var(--s4) var(--s5) var(--s6);border-radius:var(--r-tile);background:var(--dots) 0 0 / 22px 22px, var(--paper-surface);isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-areas:"crumbs""intro""actions";align-items:start;display:grid;position:relative;overflow:hidden}.page-hero .crumbs{margin-bottom:var(--s3);grid-area:crumbs}.page-intro{grid-area:intro;max-width:760px}.page-intro .lead{margin-top:var(--s4);max-width:680px;color:var(--ink-2)}.page-hero .page-actions{margin-top:var(--s5);grid-area:actions}.page-papers{display:none}.information-hero{padding-block:var(--s7);display:block}@media (width>=600px){.page-hero{padding:var(--s5) 40px 40px;border-radius:var(--r-panel)}}@media (width>=960px){.page-hero{padding:var(--s5) var(--s8) 56px}.page-hero-art{column-gap:var(--s7);grid-template:"crumbs crumbs""intro art""actions art"1fr/minmax(0,1fr) 360px;min-height:320px}.page-papers{grid-area:art;align-self:stretch;min-height:220px;display:block;position:relative}.page-paper{border-radius:var(--r-paper);width:148px;height:200px;box-shadow:var(--shadow-sheet-hover);background:#fff;place-items:center;margin:-100px 0 0 -74px;padding:5px;display:grid;position:absolute;top:50%;left:50%}.page-paper img{object-fit:contain;width:auto;max-width:100%;max-height:100%}.page-papers[data-papers="3"] .page-paper:first-child,.page-papers[data-papers="2"] .page-paper:first-child{transform:translate(-96px,14px)rotate(-10deg)}.page-papers[data-papers="3"] .page-paper:nth-child(3),.page-papers[data-papers="2"] .page-paper:nth-child(2){transform:translate(96px,10px)rotate(9deg)}.page-papers[data-papers="3"] .page-paper:nth-child(2){z-index:1;transform:translateY(-12px)rotate(-1deg)}}.topic-links{gap:var(--s2);flex-wrap:wrap;display:flex}.topic-links a{align-items:center;gap:var(--s2);border-radius:var(--r-pill);min-height:44px;box-shadow:var(--shadow-rest);color:var(--ink);transition:box-shadow var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out), color var(--t-fast) linear;background:#fff;padding:10px 18px;font-size:15px;font-weight:500;display:flex}.topic-links svg{color:var(--accent);transition:transform var(--t-base) var(--ease-out);flex:none}.page-actions a{min-height:48px;padding-inline:16px 20px}.page-actions svg{box-sizing:content-box;background:var(--accent-tint);border-radius:50%;order:-1;padding:6px}.page-actions li:first-child a{background:var(--ink);color:#fff;box-shadow:0 8px 20px -10px #1f325a99}.page-actions li:first-child svg{color:#fff;background:#ffffff24}.filters{margin-top:var(--s6)}.facet-row+.facet-row{margin-top:var(--s3)}.facet-label{margin-bottom:var(--s2);color:var(--ink-2);font-size:13px;font-weight:500;display:block}@media (width>=600px){.facet-row{align-items:start;gap:var(--s4);grid-template-columns:96px minmax(0,1fr);display:grid}.facet-label{margin:0;line-height:36px}}.architecture-section,.editorial-sections,.interactive-section{margin-top:var(--s7)}.section-head{align-items:center;gap:var(--s2) var(--s3);flex-wrap:wrap;display:flex}.head-count{border-radius:var(--r-pill);background:var(--surface);height:28px;color:var(--ink-2);font:500 13px/1 var(--font-text);letter-spacing:0;align-items:center;padding:0 12px;display:inline-flex}.section-intro{margin:calc(-1 * var(--s3)) 0 var(--s5)}@media (width>=960px) and (width<=1199px){.hero-art{scale:.8}}.home .hero{padding:var(--s6) var(--s5) var(--s5);border-radius:var(--r-tile);background:var(--dots) 0 0 / 22px 22px, radial-gradient(120% 90% at 100% 0%, #fbe6b2 0%, transparent 55%), #fbf4e4;isolation:isolate;position:relative;overflow:hidden}.home .hero .lead{max-width:560px}.home .hero .search-lg input{border-color:#0000;box-shadow:0 0 0 1px #1f325a1a,0 16px 40px -18px #1f325a59}.home .hero .search-lg input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2651cb29,0 16px 40px -18px #1f325a59}.area-shortcuts{gap:var(--s2);margin-top:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.area-shortcuts a{min-height:120px;padding:var(--s4);border-radius:var(--r-tile);color:var(--ink);background:var(--paper-surface);isolation:isolate;transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.area-name{font:600 19px/1.2 var(--font-display);letter-spacing:-.015em;align-items:center;gap:8px;display:flex}.area-name:before{content:"";background:var(--group-mark);border-radius:50%;flex:none;width:8px;height:8px}.area-total{color:var(--ink-2);margin-top:2px;padding-left:16px;font-size:13px}.area-papers{z-index:-1;display:flex;position:absolute;bottom:-18px;right:10px}.area-papers img{width:52px;height:auto;box-shadow:var(--shadow-sheet);transition:transform var(--t-slow) var(--ease-out);background:#fff;border-radius:1px;transform:rotate(-8deg)}.area-papers img+img{margin-left:-18px;transform:rotate(7deg)translateY(6px)}.area-shortcuts a>svg{top:var(--s3);right:var(--s3);box-sizing:content-box;transition:background-color var(--t-fast) linear, color var(--t-fast) linear, transform var(--t-base) var(--ease-out);background:#fffc;border-radius:50%;padding:6px;position:absolute}.area-shortcuts a:last-child:nth-child(odd){grid-column:1/-1}@media (width>=600px){.home .hero{padding:var(--s7);border-radius:var(--r-panel)}.area-shortcuts{gap:var(--s3);grid-template-columns:repeat(6,minmax(0,1fr))}.area-shortcuts a{grid-column:span 2}.area-shortcuts a:nth-child(n+4):nth-last-child(-n+2){grid-column:span 3}.area-shortcuts a{min-height:148px}.area-papers img{width:60px}}@media (width>=960px){.area-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr))}.area-shortcuts a,.area-shortcuts a:nth-child(n+4):nth-last-child(-n+2){grid-column:auto}.home .hero{padding:var(--s8) var(--s8) var(--s8) 72px;min-height:480px}.area-shortcuts a{padding:var(--s5);min-height:168px}.area-name{font-size:21px}}@media (hover:hover){.area-shortcuts a:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.area-shortcuts a:hover>svg{background:var(--ink);color:#fff;transform:rotate(45deg)}.area-shortcuts a:hover .area-papers img{transform:rotate(-12deg)translateY(-10px)}.area-shortcuts a:hover .area-papers img+img{transform:rotate(10deg)translateY(-4px)}}.architecture-group{margin-top:var(--s8);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""desc""families""more";display:grid}.architecture-group .h2{grid-area:head;margin-bottom:0;display:block}.architecture-group .h2:before{content:"";width:36px;height:6px;margin-bottom:var(--s4);border-radius:var(--r-pill);background:var(--group-mark);display:block}.architecture-group .h2:after{display:none}.architecture-group .h2 a{color:var(--ink);transition:color var(--t-fast) linear}.group-desc{margin-top:var(--s3);max-width:520px;color:var(--ink-2);grid-area:desc;font-size:15px;line-height:1.55}.group-more{margin-top:var(--s2);grid-area:more;justify-self:start}.group-more svg{transition:transform var(--t-base) var(--ease-out)}.architecture-group .architecture-families{margin-top:var(--s5);grid-area:families}@media (width>=960px){.architecture-group{column-gap:var(--s7);padding-top:var(--s7);margin-top:var(--s7);border-top:1px solid var(--line);grid-template:"head families""desc families""more families"".families"1fr/280px minmax(0,1fr)}.architecture-group .h2{font-size:30px}.architecture-group .architecture-families{margin-top:0}.group-more{margin-top:var(--s3)}}@media (hover:hover){.architecture-group .h2 a:hover,.group-more:hover{color:var(--accent)}.group-more:hover svg{transform:translate(3px)}}.architecture-families{gap:var(--s2);display:grid}.architecture-family{gap:var(--s4);min-height:88px;padding:var(--s3);border-radius:var(--r-surface);box-shadow:var(--shadow-rest);color:var(--ink);transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);background:#fff;outline:none;grid-template-columns:56px minmax(0,1fr) 32px;align-items:center;display:grid;position:relative}.architecture-family:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.architecture-family .art{aspect-ratio:auto;border-radius:12px;width:56px;height:68px;overflow:hidden}.architecture-family .sheet{max-width:72%;max-height:80%}.architecture-family .h3{font-size:17px}.architecture-family .small{margin-top:2px}.architecture-family .chev{background:var(--surface);width:32px;height:32px;color:var(--ink);transition:background-color var(--t-fast) linear, color var(--t-fast) linear, transform var(--t-base) var(--ease-out);border-radius:50%;place-items:center;display:grid}.sheet-blank{aspect-ratio:70/99;background:repeating-linear-gradient(to bottom, transparent 0 7px, var(--line) 7px 8px) 50% 60% / 70% 62% no-repeat, #fff;width:58%}.family-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width>=600px){.architecture-families{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.architecture-family{align-items:end;gap:var(--s3) var(--s2);border-radius:var(--r-tile);grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"art art""body chev";padding:8px 12px 16px 8px}.architecture-family .art{aspect-ratio:5/4;border-radius:18px;grid-area:art;place-items:end center;width:auto;height:auto}.architecture-family .art .sheet{max-width:58%;max-height:92%;translate:0 8%}.architecture-family .art .sheet-blank{width:46%}.architecture-family>div:not(.art){grid-area:body;align-self:start;padding-left:8px}.architecture-family .chev{grid-area:chev;align-self:start}}@media (hover:hover){.architecture-family:hover{box-shadow:0 0 0 1px #1f325a12, var(--shadow-card);transform:translateY(-3px)}.architecture-family:hover .sheet{box-shadow:var(--shadow-sheet-hover);transform:rotate(-3deg)translateY(-6px)}.architecture-family:hover .chev{background:var(--ink);color:#fff;transform:translate(2px)}.architecture-family:hover .h3{color:var(--accent)}}.collection-grid{gap:var(--s3);display:grid}.collection-grid li{display:flex}.collection-card{align-items:start;gap:var(--s4);padding:var(--s5);border-radius:var(--r-tile);box-shadow:var(--shadow-rest);color:var(--ink);transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);background:#fff;flex:1;grid-template-columns:44px minmax(0,1fr) 20px;display:grid}.collection-mark{background:var(--paper-surface);width:44px;height:44px;color:var(--area-ink,var(--ink));font:600 20px/1 var(--font-display);border-radius:14px;place-items:center;display:grid}.collection-mark-sheet{background:var(--surface)}.collection-mark-sheet img{width:auto;max-width:64%;max-height:76%;box-shadow:var(--shadow-sheet);border-radius:1px}.collection-after{margin-top:var(--s4)}.collection-grid li:nth-child(5n+1) .collection-mark:not(.collection-mark-sheet){--paper-surface:#f8efda;--area-ink:#7a5b12}.collection-grid li:nth-child(5n+2) .collection-mark:not(.collection-mark-sheet){--paper-surface:#ebeff9;--area-ink:#3a4f96}.collection-grid li:nth-child(5n+3) .collection-mark:not(.collection-mark-sheet){--paper-surface:#f9e9e2;--area-ink:#94472c}.collection-grid li:nth-child(5n+4) .collection-mark:not(.collection-mark-sheet){--paper-surface:#e7f0f4;--area-ink:#33667c}.collection-grid li:nth-child(5n+5) .collection-mark:not(.collection-mark-sheet){--paper-surface:#ebf2ea;--area-ink:#3f6847}.collection-card>svg{color:var(--ink-2);transition:color var(--t-fast) linear, transform var(--t-base) var(--ease-out)}.collection-card .h3{text-wrap:pretty;font-size:18px}.collection-card p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width>=600px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.collection-grid{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover){.collection-card:hover{box-shadow:0 0 0 1px #1f325a12, var(--shadow-card);transform:translateY(-3px)}.collection-card:hover>svg{color:var(--accent);transform:translate(2px,-2px)}.collection-card:hover .h3{color:var(--accent)}.topic-links a:hover{box-shadow:0 0 0 1px #1f325a1a, var(--shadow-card);transform:translateY(-1px)}.topic-links a:hover svg{transform:translate(2px)}.page-actions li:first-child a:hover{background:#16264a}.page-actions a:hover svg{transform:none}}.material-grid{gap:var(--s4) var(--s3)}@media (width>=600px){.material-grid{gap:var(--s5) var(--s4)}}.material{min-width:0;padding:6px 6px var(--s3);border-radius:var(--r-tile);box-shadow:var(--shadow-rest);transition:box-shadow var(--t-base) var(--ease-out);background:#fff;flex-direction:column;display:flex;position:relative;container-type:inline-size}.material>*{margin-inline:6px}.material>.card{margin-inline:0}.material .card-link .art{border-radius:18px}.material .card-title,.material .card-meta{padding-inline:6px}.material .card-title{font-weight:500}.material:target{outline:2px solid var(--accent);outline-offset:4px}.material>.link{min-height:36px;font-size:14px}.material .material-facts{margin-top:var(--s1);color:var(--ink-2);flex-wrap:wrap;padding:0 6px;font-size:13px;font-weight:400}.material .material-facts div:not(:last-child):after{color:var(--line-strong)}.material-variant-label{margin-top:var(--s3);font-weight:500}.material-preview{margin-top:var(--s1)}.material-downloads{align-items:center;gap:var(--s2) 10px;padding:var(--s3) 6px 0;border-top:1px solid var(--line);grid-template-columns:fit-content(42%) minmax(0,1fr);margin-top:auto;display:grid}.material>.card{padding-bottom:var(--s3)}.material-variant-label+.material-downloads{margin-top:var(--s2);border-top:0;padding-top:0}.download-row{display:contents}.download-name{color:var(--ink);font-size:13px;font-weight:500;line-height:1.3}.download-row ul{flex-wrap:wrap;gap:6px;display:flex}.download-pill{border-radius:var(--r-pill);background:var(--accent-tint);min-height:32px;color:var(--accent);transition:background-color var(--t-fast) linear, color var(--t-fast) linear, transform var(--t-fast) var(--ease-out);align-items:center;gap:4px;padding:4px 12px 4px 9px;font-size:13px;font-weight:500;line-height:1.2;display:inline-flex}.download-pill svg{flex:none}.download-pill:active{transform:scale(.97)}.download-row-quiet .download-name{color:var(--ink-2);font-weight:400}.download-row-quiet .download-pill{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);background:#fff}@container (width<=250px){.material>*{margin-inline:2px}.material-downloads{grid-template-columns:minmax(0,1fr);row-gap:6px}.download-row ul{gap:4px}.download-pill{gap:3px;padding-inline:7px 9px}.download-row+.download-row .download-name{margin-top:6px}}@media (hover:hover){.material:hover{box-shadow:0 0 0 1px #1f325a12, var(--shadow-card)}.download-pill:hover{background:var(--accent);color:#fff}.download-row-quiet .download-pill:hover{box-shadow:none}}.editorial-sections{gap:var(--s3);display:grid}.editorial-sections .prose,.architecture-page .legend{max-width:none;padding:var(--s5);border-radius:var(--r-tile);background:var(--surface)}.editorial-sections .h2,.architecture-page .legend .h2{font-size:22px}.editorial-sections .prose p{margin-top:var(--s3);max-width:62ch;color:var(--ink-2)}.architecture-page .legend dl div{border-top:1px solid var(--line);padding:var(--s3) 0}.availability-note{max-width:var(--measure);margin-top:var(--s6);padding:var(--s4) var(--s5);border-left:3px solid var(--line);color:var(--ink-2);font-size:15px}.studio-loading{padding:var(--s5);background:var(--surface);border-radius:var(--r-surface);color:var(--ink-2)}@media (width>=600px){.editorial-sections .prose,.architecture-page .legend{border-radius:var(--r-panel);padding:40px}}@media (width>=960px){.editorial-sections{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-sections .prose:only-child,.editorial-sections .prose:last-child:nth-child(odd){grid-column:1/-1}.architecture-section,.editorial-sections{margin-top:var(--s8)}.architecture-directory{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=600px){.architecture-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}.architecture-directory{gap:var(--s6) var(--s5)}.architecture-directory h2{align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--line);display:flex}.architecture-directory h2:before{content:"";background:var(--group-mark);border-radius:50%;flex:none;width:8px;height:8px}.architecture-directory h2 a{font:600 18px/1.3 var(--font-display);letter-spacing:-.01em}.architecture-directory li+li{margin-top:0}.architecture-directory ul a{color:var(--ink-2);font-size:15px;font-weight:400}.error{padding-top:var(--s5)}.error>.directory{margin-top:var(--s7)}.information-page .prose{max-width:var(--measure);margin-top:var(--s6);font-size:17px;line-height:1.7}.information-page .prose section+section{margin-top:var(--s7)}.information-page .prose .h2{font-size:26px}.information-page .prose .h2+p{margin-top:var(--s3)}.information-page .prose a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.toc{display:none}@media (width>=960px){.information-page.has-toc{column-gap:var(--s8);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.information-page.has-toc .page-hero{grid-column:1/-1}.toc{top:calc(var(--header) + var(--s5));margin-top:var(--s6);padding-left:var(--s4);border-left:1px solid var(--line);display:block;position:sticky}.toc-title{color:var(--ink-2);font-size:13px;font-weight:500}.toc ol{margin-top:var(--s2)}.toc a{color:var(--ink);padding:6px 0;font-size:14px;line-height:1.4;display:block}.toc a:hover{color:var(--accent)}.architecture-header .header-search{width:168px;min-width:136px;margin-left:var(--s2)}.architecture-header .lang{margin-left:var(--s2)}.architecture-footer{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1200px){.architecture-header .header-search{width:220px}.architecture-nav{gap:4px}.architecture-footer{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=960px) and (width<=1099px){.architecture-header .header-search{display:none}.architecture-header .search-btn{display:inline-grid}.architecture-site-header .search-row:popover-open{display:block}}@media (hover:hover){.nav-area:hover{background:var(--paper-surface)}.nav-area-toggle:hover{color:var(--ink)}.architecture-header .lang:hover{box-shadow:inset 0 0 0 1px var(--line-strong);text-decoration:none}}@supports not selector(:popover-open){.nav-area-toggle{display:none}.nav-area-link{padding-right:14px}}@media print{.area-shortcuts,.contextual-links,.material-downloads,.page-papers,.toc{display:none!important}.page-hero{background:0 0;padding:0}.architecture-page .editorial-sections,.architecture-page .architecture-section{margin-top:24pt}}