@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;src:url('/fonts/lora-latin.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
:root{
 color-scheme:light;--bg:#f4efe5;--surface:rgba(255,251,243,.48);--ink:#173b3d;--ink-soft:#5f6861;--line:#d5c9b8;--tray:#e7e6d9;--accent:#24575a;--accent-ink:#fffaf0;--warn:#a54831;--medium:#8e6327;--target:#c3c7b6;--piece-edge:rgba(117,100,75,.12);--selection:#24575a;--texture:url('/images/paper-texture.webp');--button-bg:rgba(255,251,243,.64);--button-hover:#e9e4d8;--board-shadow:0 2px 7px #6b573512,inset 0 1px 0 #fff9;--piece-shadow:drop-shadow(0 .045px .07px #57442f38);--display-font:Lora,Georgia,serif;
 --large-1:#ef6e5b;--large-2:#f3aa3f;--medium-piece:#f8d45b;--square-piece:#8d70d2;--parallelogram:#40c3b4;--small-1:#4a9ed8;--small-2:#6fbf72;
 font-family:'DM Sans',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased
}
:root[data-theme=dark]{
 color-scheme:dark;--bg:#18252d;--surface:rgba(37,61,73,.67);--ink:#f1e8d5;--ink-soft:#c1c8bf;--line:#48616a;--tray:#293f48;--accent:#80b7af;--accent-ink:#142c32;--warn:#e9ad95;--medium:#e4ba72;--target:#c8ceba;--piece-edge:rgba(245,237,214,.35);--selection:#a6d5cd;--texture:url('/images/night-texture.webp');--button-bg:rgba(30,53,65,.75);--button-hover:#304b56;--board-shadow:inset 0 1px 0 #d7e5de12,0 3px 12px #03141a20;--piece-shadow:drop-shadow(0 .05px .075px #04151c60);--display-font:'DM Sans',ui-sans-serif,sans-serif;
}
*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:var(--texture);background-size:760px 760px;color:var(--ink);font-size:16px;line-height:1.65}button,input,select{font:inherit}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.55rem .95rem;border:1px solid var(--line);border-radius:9px;background:var(--button-bg);color:var(--ink);font-size:.94rem;line-height:1.4;text-decoration:none;cursor:pointer;box-shadow:0 1px 2px #4b3f2610;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:hover,.button:hover{border-color:var(--accent);background:var(--button-hover);box-shadow:0 2px 4px #243c3b12}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.primary,button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}input,select{max-width:100%;padding:.5rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--button-bg);color:var(--ink);min-height:44px}h1,h2,h3,p{margin:0}h1{font-family:var(--display-font);font-size:clamp(2rem,4vw,2.875rem);font-weight:500;line-height:1.18;letter-spacing:-.045em}:root[data-theme=dark] h1{font-weight:650;letter-spacing:-.045em}h2{font-size:1.3rem;font-weight:600;line-height:1.35;letter-spacing:-.025em}h3{font-size:1rem;line-height:1.4}svg{display:block}img{max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:1.75rem 0}.wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:76px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;flex-shrink:0;line-height:1.2}.brand img,.brand .logo{width:37px;height:37px;display:block;border-radius:10px;box-shadow:0 1px 2px #2b423519}.brand-name,.brand>span{font-size:1.5rem;font-weight:650;letter-spacing:-.045em}.topbar-end{display:flex;align-items:center;gap:1.75rem}.mainnav ul,.topbar nav ul{display:flex;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0}.mainnav a,.topbar nav a{display:block;padding:.55rem .85rem;border-radius:11px;color:var(--ink);font-size:.96rem;font-weight:500;text-decoration:none;white-space:nowrap}.mainnav a:hover,.topbar nav a:hover{background:var(--button-hover)}.mainnav a[aria-current=page],.topbar nav a[aria-current=page],.topbar nav a.is-current{background:#24575a12;color:var(--accent)}:root[data-theme=dark] .mainnav a[aria-current=page]{background:#528c84;color:#fffaf0}.theme-toggle{min-height:36px;padding:.3rem 0 .3rem 1.4rem;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink-soft);font-size:.95rem;gap:.6rem;box-shadow:none}.theme-toggle:hover{background:transparent;box-shadow:none;border-color:var(--line);color:var(--ink)}.theme-toggle svg{width:21px;height:21px;fill:currentColor;stroke:none;flex:none}.ui-icon{width:18px;height:18px;fill:currentColor;stroke:none;flex:none}main{min-height:55vh;padding:23px 0 56px}.page-head{margin-bottom:.85rem}.page-head h1+p{margin-top:.55rem}.lead{max-width:690px;color:var(--ink-soft);font-size:1.125rem;line-height:1.5}.eyebrow{display:block;color:var(--accent);font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.16em;margin-bottom:.65rem}.daily-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:0;color:var(--ink-soft);font-size:1rem}.daily-meta span+span:before{content:'·';margin-right:.7rem}.daily-meta strong{font-weight:600;color:var(--ink)}.muted{color:var(--ink-soft)}.small{font-size:.86rem}.inline-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.1rem 0}.inline-actions a:not(.button){font-size:.9rem}.sitefoot{border-top:1px solid var(--line);padding:22px 0 28px;color:var(--ink-soft);font-size:.8rem}.sitefoot p+p{margin-top:.6rem}.sitefoot ul{display:flex;gap:.45rem 1rem;list-style:none;padding:0;margin:.55rem 0 0;flex-wrap:wrap}.sitefoot a{color:var(--ink-soft)}.sitefoot .copyright,.sitefoot>small{display:block;font-size:.74rem;margin-top:.65rem}.sitefoot>nav{display:flex;gap:.45rem 1rem;flex-wrap:wrap;margin:.55rem 0}.skip-link{position:absolute;left:1rem;top:-80px;z-index:10;background:var(--button-bg);padding:.5rem 1rem}.skip-link:focus{top:1rem}
/* One shared board: target and tray sit side by side on wider screens. */
.game-host{margin:1.5rem 0 1.15rem}.game{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--board-shadow);overflow:hidden}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);font-size:1rem;color:var(--ink);font-variant-numeric:tabular-nums}.game-toolbar strong{font-weight:600}.board-wrap{position:relative;overflow:hidden}.game-board{width:100%;height:auto;max-height:590px;touch-action:none;user-select:none;-webkit-user-select:none}.board-target-piece{stroke-linejoin:round}.game-board .board-label{font-family:'DM Sans',sans-serif;font-size:.35px;letter-spacing:.055px;font-weight:600;fill:var(--ink-soft)}.game-board .board-divider{opacity:.8}.game-pieces .piece{cursor:grab;stroke:var(--piece-edge);stroke-width:.8px;stroke-linejoin:round;filter:var(--piece-shadow);transition:filter .16s,stroke .16s}.game-pieces .piece:active{cursor:grabbing}.game-pieces .piece.is-selected{stroke:var(--selection);stroke-width:1.8px;filter:drop-shadow(0 .045px .075px #143d3b38)}.game-pieces .piece.is-placed{cursor:default;stroke:var(--piece-edge);stroke-width:.8px;filter:none}.game-pieces .piece:focus-visible{outline:none;stroke:var(--selection);stroke-width:2px}.piece[data-piece=large-1],.board-target-piece[data-guide-piece=large-1]{fill:var(--large-1)}.piece[data-piece=large-2],.board-target-piece[data-guide-piece=large-2]{fill:var(--large-2)}.piece[data-piece=medium],.board-target-piece[data-guide-piece=medium]{fill:var(--medium-piece)}.piece[data-piece=square],.board-target-piece[data-guide-piece=square]{fill:var(--square-piece)}.piece[data-piece=parallelogram],.board-target-piece[data-guide-piece=parallelogram]{fill:var(--parallelogram)}.piece[data-piece=small-1],.board-target-piece[data-guide-piece=small-1]{fill:var(--small-1)}.piece[data-piece=small-2],.board-target-piece[data-guide-piece=small-2]{fill:var(--small-2)}.game-actions{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;padding:.9rem 1rem 1rem;border-top:1px solid var(--line)}.game-actions button{font-size:1rem;min-height:44px;padding:.55rem .95rem}.game-actions button[data-game-action=hint]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 1px 3px #0c3e3626}.game-actions button[data-game-action=hint]:hover{filter:brightness(1.07)}.game-selection{margin:.2rem 1rem .8rem;color:var(--ink-soft);text-align:center;font-size:1rem}.game-help{margin:.1rem 1.25rem .8rem;color:var(--ink-soft);font-size:.78rem;text-align:center;line-height:1.6}.game-status{margin:0;padding:.6rem 1rem;background:#24575a0a;color:var(--accent);text-align:center;font-size:.88rem;border-top:1px solid var(--line)}:root[data-theme=dark] .game-status{background:#7eb7ad08}.game-status:empty{display:none}.game kbd{font:inherit;font-size:.7rem;background:var(--tray);border:1px solid var(--line);border-radius:3px;padding:.05rem .25rem}.game text{font-family:inherit;fill:var(--ink-soft)}
/* The remaining pages share the same material and type, without new sections. */
.filters{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin:1.25rem 0 1.5rem}.filters label{font-size:.88rem;color:var(--ink-soft)}.filters select{font-size:.88rem;margin-right:.5rem}.chip{padding:.3rem .7rem;min-height:34px;border-radius:20px;font-size:.8rem}.chip.is-active,.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.puzzle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.puzzle-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .16s,transform .16s,box-shadow .16s}.puzzle-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none;box-shadow:0 3px 9px #243d3510}.puzzle-card svg{width:100%;height:154px;padding:22px;color:var(--accent)}.puzzle-card .puzzle-copy,.puzzle-card>div{border-top:1px solid var(--line);padding:.8rem .9rem}.puzzle-card h2,.puzzle-card h3,.puzzle-card strong{font-size:.94rem;letter-spacing:-.015em;font-weight:600;line-height:1.45}.puzzle-card p,.puzzle-card>div>.muted{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:.25rem}.puzzle-card .completed{color:var(--accent);font-weight:600}.content{max-width:690px}.content p,.content ul,.content ol{margin:0 0 1rem}.content h2{margin:1.75rem 0 .65rem}.content h3{margin:1.15rem 0 .4rem}.content li+li{margin-top:.45rem}.content summary{cursor:pointer;color:var(--ink-soft)}.content .steps{padding-left:1.2rem}.empty-state{border:1px dashed var(--line);border-radius:12px;padding:2rem;text-align:center;color:var(--ink-soft)}.archive-list{list-style:none;padding:0;margin:1.25rem 0;border-top:1px solid var(--line)}.archive-list li{border-bottom:1px solid var(--line)}.archive-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:var(--ink);text-decoration:none}.archive-list a:hover{color:var(--accent)}.archive-list time,.archive-list .muted{font-size:.85rem}.archive-list .puzzle-svg{width:52px;height:46px;flex:none;color:var(--accent)}.archive-list .archive-title,.archive-list a>span:nth-child(2){display:flex;flex:1;flex-direction:column}.archive-list strong{font-size:.94rem;font-weight:600}.archive-list a>span:nth-child(2)>span{font-size:.82rem;color:var(--ink-soft)}.stats-row{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.86rem;color:var(--ink-soft);margin:1rem 0}.stats-row strong{display:block;font-size:1.2rem;color:var(--ink)}.notice{background:var(--tray);padding:.75rem 1rem;border-radius:9px;font-size:.9rem;color:var(--ink-soft);margin:1rem 0}.print-pages{max-width:760px}.print-sheet{padding:2rem;background:#fff;color:#202820;border:1px solid #ded8ca;margin:1rem 0}.print-art{min-height:260px;display:flex;align-items:center;justify-content:center;margin:1.5rem 0}.print-art .puzzle-svg{flex:none;max-width:100%;height:auto}.print-sheet>p{margin:.5rem 0;color:#62685f;font-size:.85rem}.print-sheet>small{font-size:.7rem;color:#62685f}.print-sheet h2{font-family:'DM Sans',sans-serif;font-size:1.25rem;letter-spacing:-.025em}.print-options{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.print-options label{font-size:.85rem}.print-options input[type=checkbox]{min-height:auto}.print-only{display:none}.check-label{display:flex;gap:.45rem;align-items:center}.check-label input{min-height:auto}.filters .check-label{font-size:.85rem}
.category-nav,.subcategory-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0}.category-chip{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;border:1px solid var(--line);background:var(--button-bg);color:var(--ink);padding:.4rem .8rem;text-decoration:none;white-space:nowrap}.category-chip:hover{border-color:var(--accent);background:var(--button-hover);text-decoration:none}.category-chip.is-active:hover{background:var(--accent)}.category-count{font-size:.73rem;font-variant-numeric:tabular-nums;min-width:1.45rem;padding:.05rem .35rem;border-radius:1rem;background:var(--tray);color:var(--ink-soft);text-align:center}.category-chip.is-active .category-count{background:#ffffff24;color:inherit}.subcategory-nav{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.subcategory-nav .category-chip:not(.is-active){background:transparent}.library-filters{margin:1.1rem 0}.library-results{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem;color:var(--ink-soft);font-size:.85rem}.library-results a{font-size:.82rem}.puzzle-category{display:block;color:var(--accent);font-size:.7rem;margin-bottom:.25rem}.puzzle-grid>.empty-state{grid-column:1/-1}
@media(width<=760px){.puzzle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-end{gap:.75rem}.mainnav ul,.topbar nav ul{gap:.15rem}.mainnav a,.topbar nav a{padding:.5rem .6rem}.game-board{max-height:550px}.theme-toggle{padding-left:.75rem}}
@media(width<=540px){.wrap{width:calc(100% - 32px)}.topbar{min-height:76px;gap:.5rem}.brand{gap:.4rem}.brand img,.brand .logo{width:28px;height:28px;border-radius:7px}.brand-name,.brand>span{font-size:1.1rem}.topbar-end{gap:.2rem}.mainnav a,.topbar nav a{font-size:.75rem;padding:.45rem .4rem;border-radius:8px}.theme-toggle{padding:.35rem 0 .35rem .5rem;min-width:28px;border-left:0}.theme-toggle svg{width:19px;height:19px}.theme-name{display:none}main{padding:27px 0 40px}h1{font-size:2rem;line-height:1.2;letter-spacing:-.04em}.page-head{margin-bottom:1.1rem}.lead{font-size:.94rem}.daily-meta{gap:.25rem;align-items:flex-start;flex-direction:column;font-size:.82rem}.daily-meta span+span:before{content:none}.puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.puzzle-card svg{height:125px;padding:16px}.puzzle-card .puzzle-copy,.puzzle-card>div{padding:.7rem}.game-host{margin:1.25rem 0}.game{border-radius:13px}.game-toolbar{padding:.65rem .85rem;font-size:.82rem}.game-actions{gap:.45rem;padding:.75rem .6rem}.game-actions button{font-size:.8rem;padding:.4rem .65rem;min-height:42px;border-radius:8px}.game-actions .ui-icon{width:16px;height:16px}.game-help{font-size:.72rem;margin:.1rem .85rem .75rem}.game-selection{font-size:.8rem;margin:.25rem 1rem .65rem}.game-status{font-size:.8rem}.archive-list a{gap:.6rem}.archive-list time{font-size:.75rem}.archive-list .archive-title{font-size:.9rem}.print-sheet{padding:1rem}.filters{gap:.5rem}.filters select{font-size:.82rem}.sitefoot{font-size:.76rem}}
@media(width<=360px){.brand-name,.brand>span{font-size:1rem}.brand img{width:25px;height:25px}.mainnav a,.topbar nav a{font-size:.7rem;padding:.45rem .3rem}.theme-toggle{min-width:25px;padding-left:.25rem}.topbar-end{gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:#fff!important;color:#000}.topbar,.sitefoot,.page-head,.print-options,.no-print,.game-host{display:none!important}.wrap{width:100%}main{padding:0}.print-sheet{border:0;margin:0;padding:0;min-height:220mm;display:flex;flex-direction:column;break-after:page}.print-sheet:last-child{break-after:auto}.print-art{min-height:155mm;margin:5mm 0}.print-art .puzzle-svg{max-width:none}.print-sheet>small{margin-top:auto}.print-only{display:block}}

.purchases-icon{display:none}
@media(width<=760px){.purchases-nav .purchases-label{display:none}.purchases-nav .purchases-icon{display:block;width:19px;height:19px}.topbar .purchases-nav a{display:flex;align-items:center;justify-content:center;min-width:35px;min-height:36px}}
@media(width<=360px){.topbar{gap:.25rem}.topbar .topbar-end,.topbar .mainnav ul{gap:0}.topbar .mainnav a{padding-inline:.25rem}.topbar .purchases-nav a{min-width:28px}.brand{gap:.3rem}}

/* Keep the complete brand and theme switch visible on narrow screens. */
@media(width<=520px){
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:.4rem;padding-block:.65rem;min-height:0}
 .topbar .brand{grid-column:1;grid-row:1;min-width:0}
 .topbar .topbar-end{display:contents}
 .topbar .theme-toggle{grid-column:2;grid-row:1;min-height:44px;min-width:44px;padding:.35rem 0 .35rem .5rem}
 .topbar .theme-name{display:inline}
 .topbar .mainnav{grid-column:1 / -1;grid-row:2;min-width:0}
 .topbar .mainnav ul{justify-content:space-between;gap:.25rem}
 .topbar .mainnav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:.45rem .6rem;font-size:.82rem}
 .topbar .purchases-nav a{min-width:44px}
}

/* Printables, shape galleries and the guide share the puzzle site's paper palette. */
.info-crumbs{color:var(--ink-soft);font-size:.82rem}
.info-crumbs ol{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .5rem;list-style:none;padding:0;margin:0}
.info-crumbs li+li::before{content:'/';margin-right:.5rem;color:var(--ink-soft)}
.info-hero{padding-block:clamp(1.55rem,4vw,3rem);border-bottom:1px solid var(--line)}
.info-hero-with-art{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.25rem,5vw,3.5rem);align-items:center}
.info-hero .lead{margin-top:.85rem}
.info-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:1rem}
.info-actions .button{text-align:center}
.info-figure{margin:0;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.info-figure-art{display:grid;place-items:center;min-height:174px;padding:.6rem}
.info-figure-art .info-diagram{width:min(100%,190px);height:152px}
.info-figure figcaption{padding:.6rem .3rem .1rem;border-top:1px solid var(--line);font-size:.82rem;text-align:center;color:var(--ink-soft)}
.info-section{margin-top:clamp(1.7rem,4vw,2.7rem)}
.info-section h2,.info-callout h2{font-family:var(--display-font);font-weight:550;font-size:clamp(1.25rem,2.5vw,1.65rem);letter-spacing:-.025em}
.info-section-intro{max-width:680px;margin-top:.45rem;color:var(--ink-soft)}
.info-reading{max-width:750px}
.info-reading>p{margin-top:.65rem;color:var(--ink-soft)}
.info-steps{margin:.7rem 0;padding-left:1.3rem;color:var(--ink-soft)}
.info-steps li+li{margin-top:.5rem}
.info-steps strong{color:var(--ink)}
.info-grid{display:grid;gap:1rem;margin-top:1rem}
.info-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.info-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.info-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.info-card{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.info-card p:not(.eyebrow){margin-top:.45rem;color:var(--ink-soft);font-size:.91rem}
.info-card .info-meta,.info-card p.info-meta{color:var(--ink-soft);font-size:.8rem}
.info-resource{display:flex;flex-direction:column}
.info-resource>.info-actions{margin-top:auto;padding-top:.8rem}
.info-callout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.9rem 1.5rem;margin-top:2rem;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.info-callout>div{max-width:650px;flex:1 1 350px}
.info-callout p{margin-top:.45rem;color:var(--ink-soft)}
.info-diagram{display:block;width:100%;height:108px;color:var(--accent)}
.info-activities .info-diagram{height:94px;margin-top:.75rem}
.info-activities .info-card>a{display:inline-block;margin-top:.65rem;font-size:.9rem}
.info-solution{display:grid;gap:.65rem;scroll-margin-top:1rem}
.info-solution:target{outline:2px solid var(--accent);outline-offset:3px}
.info-answer{border-top:1px solid var(--line)}
.info-answer summary,.info-question summary{min-height:44px;padding:.6rem 0;cursor:pointer;color:var(--accent);font-weight:600}
.info-answer summary{font-size:.9rem}
.info-answer>div{margin-bottom:.4rem;padding:.55rem;border-radius:8px;background:var(--button-bg)}
.info-link-row{display:flex;flex-wrap:wrap;gap:.25rem .8rem;font-size:.86rem}
.info-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.info-shape-examples,.info-piece-list{list-style:none;padding:0}
.info-shape-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.8rem 0}
.info-shape-examples a{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .3rem;border:1px solid var(--line);border-radius:9px;font-size:.78rem;text-align:center;text-decoration:none;overflow-wrap:anywhere}
.info-shape-examples a:hover{border-color:var(--accent);background:var(--button-hover);text-decoration:underline}
.info-shape-examples .info-diagram{height:76px}
.info-piece-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:1rem 0 0}
.info-piece-list li{display:grid;gap:.2rem;justify-items:center;text-align:center}
.info-piece-list .info-diagram{height:65px;margin-bottom:.35rem}
.info-piece-list strong{font-size:.9rem;overflow-wrap:anywhere}
.info-question{border-bottom:1px solid var(--line)}
.info-question:first-of-type{margin-top:.5rem;border-top:1px solid var(--line)}
.info-question>p{padding:0 0 .8rem;color:var(--ink-soft)}

@media(width<=860px){.info-grid-four{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(width<=660px){
 .info-hero-with-art,.info-grid-two,.info-grid-three{grid-template-columns:minmax(0,1fr)}
 .info-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .info-piece-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .info-figure-art{min-height:138px}
 .info-figure-art .info-diagram{height:116px}
}
@media(width<=390px){
 .info-grid-four{gap:.6rem}
 .info-grid-four .info-card{padding:.75rem}
 .info-grid-four .info-diagram{height:86px}
 .info-piece-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}