/* Fang Laoshi — warm paper classroom. Shared by every teaching tool. */
:root{--ink:#352b23;--accent:#7b582b;--tint:#f8edcc;--paper:#faf7ee;--sheet:#fffdf6;--line:#c7bba5;--yellow:#f5cf69;--muted:#817563;--shadow:0 4px 0 #493b2412}
body{background:var(--paper);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif}body:before,body:after{display:none}h1,h2,h3,.brand>span,.footer-brand{font-family:'Noto Serif SC','Source Han Serif SC','Songti SC','SimSun',serif;color:var(--ink)}h1,h2{letter-spacing:.02em}a{color:inherit}header{background:#faf7eef5;border-bottom:1px solid #dcd3c1;box-shadow:none}header .brand{color:var(--ink)}header .brand small{color:#817563;letter-spacing:4px;text-transform:uppercase}header nav a{color:#665b4c}header nav a.active{color:#352b23}header nav a.active:after{background:var(--yellow)}.fang-logo{width:49px;height:49px}.header-right .quiet{color:#817563}footer{border-color:#dcd3c1;color:#817563}.footer-brand{color:#514333}
button,input,select,textarea{accent-color:#9a7139}input,select,textarea{background:var(--sheet)!important;color:var(--ink)!important;border-color:var(--line)!important;border-radius:10px}textarea:focus,input:focus,select:focus{outline:2px solid #d7ad4c;outline-offset:2px}button:focus-visible,a:focus-visible{outline:3px solid #a7742f;outline-offset:4px}button{transition:background .16s,box-shadow .16s,filter .16s}.primary,button.primary,.explore-link{background:var(--yellow)!important;border:1.5px solid #53422e!important;color:#352b23!important;border-radius:10px;box-shadow:0 3px 0 #53422e!important;font-weight:700}.primary:hover,.explore-link:hover{background:#f9d985!important;box-shadow:0 5px 0 #53422e!important}.primary:active,.explore-link:active{box-shadow:0 1px 0 #53422e!important}.secondary,button.secondary{background:#fffaf0!important;border:1px solid #b9aa91!important;color:#584631!important;box-shadow:0 2px 0 #c7bba555;border-radius:10px}.quiet,.crumb{color:#80705a!important}button:disabled{opacity:.45}.kicker,.hero-eyebrow{background:#f9e9b8;color:#6e522a;border:0;border-radius:7px;padding:7px 13px}.progress i,.progress span{background:#b7944f}.audio{background:#f7ebcc!important;color:#7c5e32!important;border-color:#d3c19b!important}
.fang-hero{max-width:1320px;min-height:490px;margin:auto;gap:22px;padding:44px 32px 35px;grid-template-columns:1fr 1.12fr;border-bottom:1px solid #d5c9b3}.hero-copy h1{font-size:clamp(40px,4.1vw,65px);line-height:1.35;font-weight:800;letter-spacing:-1px}.hero-copy h1 span{color:#352b23}.hero-copy p{color:#7b6c59;font-size:18px;line-height:1.8}.hero-eyebrow{font-size:13px;letter-spacing:2px}.explore-link{display:inline-flex;gap:28px;padding:14px 22px;margin-top:20px}.paper-hero{height:410px;min-width:0;animation:none!important;display:flex;align-items:center;justify-content:center}.paper-hero img{width:115%;max-width:none;mix-blend-mode:multiply;object-fit:contain}.fang-tools{max-width:1320px;padding:38px 32px 76px}.tools-heading h2{font-size:32px}.tools-heading>span{color:#817563}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px}.tool-card{border:1px solid #c6b79f!important;border-radius:13px!important;background:#fffaf0!important;box-shadow:0 3px 0 #5b45220e!important;overflow:hidden;transition:transform .2s,box-shadow .2s!important}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 0 #5b45221a!important;border-color:#8b7350!important}.tool-copy{padding:22px!important}.tool-copy h3{font-size:23px!important;color:#352b23}.tool-copy p{color:#80705e!important;line-height:1.75;min-height:48px}.tool-category{color:#9a7950!important;font-size:11px;letter-spacing:1px}.tool-link{color:#735126!important;border-color:#d7c6a6!important}.tool-link b{background:#f5d474;border-radius:50%;padding:5px 10px;color:#463622}.tool-preview{height:205px!important;background-color:#f8edcf!important;border-bottom:1px solid #dbc9a8;overflow:hidden}.vocab-preview,.guess-preview,.picker-preview{background-image:url('paper-reference-v1.png')!important;background-repeat:no-repeat!important;background-size:450% auto!important}.vocab-preview{background-position:4.6% 85%!important}.guess-preview{background-position:34.2% 85%!important}.picker-preview{background-position:94% 85%!important}.vocab-preview>*,.guess-preview>*,.picker-preview>*{visibility:hidden}.snake-preview,.mole-preview,.pw-preview,.ld-preview,.monopoly-preview{background:linear-gradient(135deg,#faf2df,#efe7ce)!important}.preview-snake i{background:#8d9c6d;border-color:#5d7144}.snake-fruit{background:#cc7753}.brand-cover i{background:#ebcd84;border:1px solid #ab9163}.mini-vocab{background:#fff7df;border-color:#ab9163}.mini-choices .chosen{background:#e6ebd8}.pw-mini-wheel{background:repeating-conic-gradient(#e5bc64 0 30deg,#f8e9be 30deg 60deg)!important;border-color:#fff8df}.pw-mini-wheel i{background:#f6d393;border-color:#a4b18b}.pw-mini-pointer{border-top-color:#b66f4f}.mole-preview-word{color:#5c4832;background:#fffaf0}.monopoly-preview span{color:#856a40}
.unit-panel,.word-panel,.play-shell,.results,.face,.guess-setup,.guess-board,.picker-sidebar,.picker-main,.mole-config,.mole-how,.mole-play,.pw-result,.ld-settings,.ld-controls,.ws-settings,.ws-results,.ws-stats,.ws-target{background:var(--sheet)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow)!important}.word-card{background:#fffcf3!important;border-color:#d9ceb9!important}.word-card.picked,.word-card.selected,.unit.active,.mode.active,.version.active{background:#f7e7b5!important;border-color:#b89141!important;color:#5b4625!important}.word-heading,.word-text,.question-word,.hidden-word{color:#392d21!important}.practice-title p,.word-panel p{color:#82725d}.start-bar{background:#fff9e9f5!important;border-color:#cfbea0!important}.steps .active,.steps .done{color:#785e32!important}.choice{border-color:#cfc1a8;background:#fffaf0}.choice:hover{border-color:#af893e;background:#f9edce}.choice.correct{background:#e5edd8!important;border-color:#83966a!important}.choice.wrong{background:#f7e1d7!important;border-color:#ba816d!important}
.cover-grid button{background:#edce7f!important;border:1px solid #c1a25f!important;box-shadow:inset 0 -3px 0 #b69b5733;color:#5b4625}.cover-grid button.revealed{background:transparent!important;border-color:transparent!important;box-shadow:none}.guess-controls{background:#f9f1df;border-color:#d1c1a2}.grid-options button.active,.picker-tabs button.active{background:#f3d887!important;color:#49371f!important;border-color:#b29354!important}.picker-result{color:#4f3c22!important}.name-wheel{border:8px solid #fff3d3!important;box-shadow:0 5px 0 #78634635!important}.wheel-center{background:#b58954!important;border-color:#6b4c2f!important}.wheel-pointer{border-top-color:#b66547!important}.attendance{background:#f8f3e8!important}.draw-cards>div,.group-results>div{background:#f7edce!important;border-color:#c6b18b!important}.picker-history{color:#8e7550}
.mole-meadow{background:linear-gradient(140deg,#f3efdb,#e9eddc)!important;border:1px solid #d7d0b8}.mole-option{background:#fffaf0;border:1px solid #aa9675;color:#4d3927;box-shadow:0 3px 0 #79634825}.mole-hole{background:#514a36}.mole-question h1{color:#392d21}.mole-spelling span.filled{color:#86652d;border-color:#b9934f}.mole-word-list label:has(input:checked){background:#faf0cf;border-color:#c3a668}.mole-target.hinted .mole-option{background:#f8df94;border-color:#aa802a}.mole-feedback{color:#76684f}
.pw-rim{fill:#fff8e4;stroke:#bdab89}.pw-segment{stroke:#fff8e4}#wheel-ring-0 .segment-0,#wheel-ring-0 .segment-2{fill:#e3bf72}#wheel-ring-0 .segment-1,#wheel-ring-0 .segment-3{fill:#f5dfab}#wheel-ring-1 .segment-0,#wheel-ring-1 .segment-2{fill:#a8b38d}#wheel-ring-1 .segment-1,#wheel-ring-1 .segment-3{fill:#dbe1c6}#wheel-ring-2 .segment-0,#wheel-ring-2 .segment-2{fill:#dfab89}#wheel-ring-2 .segment-1,#wheel-ring-2 .segment-3{fill:#f1d5bc}.pw-ring text,#wheel-ring-1 text,#wheel-ring-2 text{fill:#443629}.pw-pointers path{fill:#b56d4e;stroke:#fff6dd}.pw-toggle{background:#f1cf76;color:#49351e;border-color:#fff6dd;box-shadow:0 4px 0 #977c48}.pw-toggle:hover,.pw-toggle.spinning{background:#e4b956}.pw-answer{color:#49351e}.pw-components b{background:#f4e4b9!important;color:#59472d!important}.pw-result{border-width:1.5px!important}
.ld-board{background:#eee5cf!important;border:1px solid #c5b594;border-radius:20px!important;padding:17px!important}.ld-cell{border:1px solid #c2b18e!important;border-radius:12px!important;box-shadow:0 3px 0 #83664020!important}.ld-cell.hue-0,.ld-cell.hue-3{background:#fff5d9!important}.ld-cell.hue-1,.ld-cell.hue-4{background:#e4e8d2!important}.ld-cell.hue-2,.ld-cell.hue-5{background:#f5dfa7!important}.ld-cell b{font-family:KaiTi,'Microsoft YaHei',sans-serif;font-size:25px!important;color:#463522}.ld-cell.current{outline:3px solid #cba039!important;outline-offset:1px;background:#ffedb4!important}.ld-pawn{background:#bf7957!important;border-color:#fff7e3!important;box-shadow:0 0 0 2px #84573d!important}.ld-dice{color:#7d5b31!important}.ld-art{filter:drop-shadow(0 2px 1px #68502e15)}.ld-event{border-radius:5px}.ld-controls{padding:25px!important}.ld-controls h2,.ld-current{color:#443629}.ld-stage{gap:24px}.ld-sample{background:#f1e7ca!important;border-color:#cbb891!important}.ld-top,.pw-top{margin-bottom:16px}
.ws-board-wrap{background:#f6efdb;border:2px solid #b9a67f;border-radius:17px;box-shadow:0 4px 0 #8c735031}.ws-modes button.active{background:#f7e5ae;border-color:#b99a54}.ws-stats strong,.ws-target b{color:#73532c}.ws-overlay{background:#fff9e9ee}.ws-stat,.ws-result-stats>div{background:#f7efd9}.ws-word-preview{border-color:#cbbda2}
@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-copy h1{font-size:40px}.fang-hero{grid-template-columns:1fr 1fr}.paper-hero{height:320px}}@media(max-width:650px){.fang-hero{grid-template-columns:1fr}.paper-hero{height:260px}.fang-tools{padding:28px 18px}.tool-copy{padding:14px!important}.tool-copy h3{font-size:19px!important}.tool-preview{height:155px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.no-motion *{animation:none!important;transition:none!important}
.ld-setup,.ld-panel{background:var(--sheet)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow)}.ld-setup aside{background:#f6efd9!important;border:1px solid #dbccae}.ld-die{color:#76552e}.ld-preview{background-image:url('paper-reference-v1.png')!important;background-repeat:no-repeat!important;background-size:450% auto!important;background-position:64.5% 85%!important}.ld-preview>*{visibility:hidden}.ld-pawn{background:transparent!important;color:#b66d4e!important;border:0!important;box-shadow:none!important}.cover-grid button.opened{opacity:0!important;pointer-events:none;background:transparent!important;box-shadow:none!important;border-color:transparent!important}.picker-tabs button.selected,.grid-options button.selected{background:#f4dc96!important;color:#4c3921!important;border-color:#ae8a43!important}.draw-cards>span{background:#f5df9e;border-color:#b79555;color:#6c5128}.tool-grid .tool-card{min-width:0}.hero-scene.paper-hero{overflow:visible}
/* Desktop composition: use the available screen instead of a narrow central column. */
:root{--page-gutter:clamp(28px,4vw,88px);--page-width:1840px}
header{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.fang-hero,.fang-tools{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-left:auto!important;margin-right:auto!important;padding-left:0;padding-right:0}
.fang-hero{min-height:540px;grid-template-columns:1fr 1.15fr;gap:40px;padding-top:42px;padding-bottom:38px;position:relative}
.hero-copy h1{font-size:clamp(46px,4.2vw,78px)!important;line-height:1.3}.hero-copy p{font-size:clamp(17px,1.2vw,22px)}
.paper-hero{height:clamp(370px,30vw,560px);scale:1!important;position:relative;perspective:1000px}
.paper-hero img{width:100%;animation:paper-sway 7s ease-in-out infinite;transform-origin:55% 70%;will-change:transform}
.paper-token{position:absolute;display:grid;place-items:center;border:1.5px solid #766044;border-radius:13px;background:#ffedb7;box-shadow:3px 5px 0 #79613d24;color:#684e2a;font-family:KaiTi,serif;font-size:34px;width:62px;height:68px;z-index:2;pointer-events:none;animation:token-bob 5s ease-in-out infinite}
.paper-token.one{left:1%;top:15%;rotate:-12deg}.paper-token.two{right:0;top:9%;background:#e3e8cf;rotate:10deg;animation-delay:-2s}.paper-token.three{right:5%;bottom:7%;width:43px;height:43px;font-size:25px;background:#f4d3b9;rotate:8deg;animation-delay:-3s}
.fang-tools{padding-top:40px}.tools-heading{margin-bottom:26px}.tools-heading h2{font-size:clamp(30px,2.25vw,42px)}.tool-grid{gap:clamp(20px,1.6vw,32px)}
.tool-preview{height:auto!important;aspect-ratio:1.4;margin:0!important;border-left:0!important;border-right:0!important;border-top:0!important;transition:filter .3s,background-position .6s!important}.tool-card:hover .tool-preview{filter:saturate(1.12) brightness(1.025)}
.tool-card{transition:transform .25s ease,box-shadow .25s ease!important}.tool-card:hover{transform:translateY(-9px) rotate(-.45deg);box-shadow:4px 10px 0 #74592a25!important}.tool-card:nth-child(even):hover{transform:translateY(-9px) rotate(.45deg)}.tool-card:active{transform:translateY(-2px);box-shadow:1px 3px 0 #74592a25!important}.tool-link b{display:inline-block;transition:transform .25s}.tool-card:hover .tool-link b{transform:translateX(5px) rotate(8deg)}
.tool-copy h3{font-size:clamp(22px,1.45vw,28px)!important}.tool-copy p{font-size:clamp(14px,.95vw,17px)}
.paper-enter{animation:paper-enter .65s cubic-bezier(.2,.65,.25,1) both;animation-delay:var(--entry-delay,0ms)}
.primary:not(:disabled):active,.secondary:not(:disabled):active,.explore-link:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #68502e!important}
.snake-tool:hover .preview-snake{animation:snake-wiggle .7s ease-in-out infinite alternate}.mole-tool:hover .mole-animal{animation:token-bob 1.3s ease-in-out infinite}.pw-mini-wheel{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.tool-card:hover .pw-mini-wheel{transform:rotate(65deg)}
footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
@media(min-width:1100px){.workspace,.practice-intro,.tool-intro,.classroom-shell,.mole-setup,.ld-page,.ws-page,.pw-page,.monopoly-frame{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-left:auto!important;margin-right:auto!important}.ld-page,.ws-page,.pw-page{padding-left:0;padding-right:0}.pw-stage{grid-template-columns:minmax(450px,1.15fr) minmax(330px,.85fr);gap:6vw}.pw-disc{max-width:720px;justify-self:center}.ld-stage{grid-template-columns:minmax(0,1fr) 310px}.ld-cell{min-height:clamp(138px,10vw,185px)}.mole-setup{grid-template-columns:1fr 350px}.picker-shell{grid-template-columns:330px 1fr}.wheel-wrap{width:clamp(350px,32vw,540px);height:clamp(350px,32vw,540px)}.guess-stage{padding:28px 4vw}.guess-board{max-width:1200px;margin-left:auto;margin-right:auto}}
@keyframes paper-sway{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-15px) rotate(.6deg)}}
@keyframes token-bob{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes paper-enter{from{opacity:.25;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes snake-wiggle{from{translate:-8px 0}to{translate:8px -6px}}
@media(max-width:850px){.fang-hero{grid-template-columns:1fr;gap:12px}.paper-hero{height:320px}.paper-token{scale:.8}.tool-preview{aspect-ratio:1.35}.hero-copy h1{font-size:44px!important}}
@media(prefers-reduced-motion:reduce){.paper-hero img,.paper-token,.paper-enter{animation:none!important;will-change:auto}.tool-card:hover{transform:none!important}}
.no-motion .paper-hero img,.no-motion .paper-token,.no-motion .paper-enter{animation:none!important;will-change:auto}.no-motion .tool-card:hover{transform:none!important}
:root{--page-width:2200px}.tool-grid>.tool-card{grid-column:auto!important;grid-row:auto!important}.tool-grid .hsk-tool .tool-preview{height:auto!important;aspect-ratio:1.4}.paper-hero img{max-height:100%;object-fit:contain}.hero-scene.paper-hero{align-self:center}.fang-hero{overflow:hidden}.tool-preview.snake-preview .preview-snake{scale:1.65}.tool-preview.snake-preview .snake-fruit{width:24px;height:24px}
/* Responsive gallery: independent complete artwork, never a cropped page mockup. */
body.home-layout{min-width:0}.home-layout #app{overflow-x:clip}.home-layout{--page-width:1560px;--page-gutter:clamp(20px,4vw,72px)}
.home-layout .fang-hero{min-height:440px;grid-template-columns:1fr 1.05fr;gap:30px;padding:36px 0}.home-layout .hero-copy h1{font-size:clamp(36px,3.7vw,65px)!important}.home-layout .paper-hero{height:clamp(300px,29vw,450px)}.home-layout .paper-token.two{right:3%}.home-layout .paper-token.three{bottom:14%}
.home-layout .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px;align-items:stretch}.home-layout .tool-card{display:flex;flex-direction:column;height:auto!important;min-height:0!important}.home-layout .tool-preview{aspect-ratio:3/2!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:16px!important;border:0!important;border-bottom:1px solid #e4d8c1!important;box-shadow:none!important;border-radius:0!important;background:#faf5e8!important;position:relative;display:flex!important;align-items:center;justify-content:center;overflow:hidden}
.home-layout .tool-preview img{display:block;width:100%;height:100%;object-fit:contain;visibility:visible!important;transition:transform .35s ease}.home-layout .tool-card:hover .tool-preview img{transform:scale(1.035)}
.home-layout .tool-copy{padding:20px!important;flex:1;display:flex;flex-direction:column}.home-layout .tool-copy h3{font-size:23px!important;margin:10px 0}.home-layout .tool-copy p{font-size:14px;min-height:0!important;margin:0 0 20px;line-height:1.75}.home-layout .tool-link{margin-top:auto!important;padding-top:10px}.home-layout .tool-category{font-size:11px}.home-layout .tool-preview.snake-preview{min-height:0}.home-layout .preview-snake{scale:1.25!important}
.tools-discovery{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px}.tool-filters{display:flex;gap:8px;flex-wrap:wrap}.tool-filters button{border:1px solid #cbbb9f;background:#fffbf1;color:#675337;border-radius:9px;padding:10px 16px;font:inherit;font-size:14px}.tool-filters button[aria-pressed=true]{background:#f2d17b;border-color:#947241;box-shadow:0 2px 0 #947241}.tool-search{display:flex;align-items:center;gap:8px;max-width:290px;width:100%;position:relative}.tool-search span{position:absolute;left:13px;font-size:24px;color:#8a7351}.tool-search input{width:100%;padding:11px 12px 11px 40px;font:inherit;font-size:14px}.tools-empty{text-align:center;padding:45px;color:#806b4c}.classroom-guide{margin-top:60px;padding-top:30px;border-top:1px solid #daceb8}.classroom-guide h2{font-size:28px;margin-bottom:28px}.classroom-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.classroom-guide article{position:relative;padding-left:55px}.classroom-guide article>span{position:absolute;left:0;top:0;color:#aa8242;background:#f5e7bd;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:13px}.classroom-guide h3{font-size:19px;margin:0 0 10px}.classroom-guide p{font-size:14px;color:#806f56;line-height:1.85;margin:0}
@media(min-width:1800px){.home-layout .fang-hero{grid-template-columns:1fr 1.2fr}.home-layout .paper-hero{height:470px}.home-layout .fang-tools{padding-top:32px}}
@media(max-width:1199px){.home-layout .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-layout header{gap:20px;padding-left:24px;padding-right:24px}.home-layout .brand{font-size:19px}.home-layout nav{gap:20px}.home-layout .tools-heading h2{font-size:29px}}
@media(max-width:899px){.home-layout .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-layout .fang-hero{grid-template-columns:1fr 1fr;gap:15px}.home-layout .hero-copy h1{font-size:34px!important}.home-layout .hero-copy p{font-size:15px}.home-layout .paper-hero{height:290px}.home-layout header{height:auto;min-height:82px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:14px}.home-layout .header-right{margin-left:auto}.tools-discovery{align-items:stretch;flex-direction:column;gap:14px}.tool-search{max-width:none}.home-layout footer{flex-wrap:wrap;gap:18px}.classroom-guide>div{gap:22px}}
@media(max-width:599px){.home-layout .fang-hero{grid-template-columns:1fr;padding-top:30px;gap:0}.home-layout .hero-copy h1{font-size:38px!important}.home-layout .paper-hero{height:280px}.home-layout .tool-grid{grid-template-columns:1fr!important}.home-layout .tool-copy{padding:20px!important}.home-layout .tool-preview{max-height:260px;aspect-ratio:3/2!important}.home-layout nav{order:3;width:100%;justify-content:center;margin:0}.home-layout .brand{font-size:17px}.home-layout .fang-logo{width:39px;height:39px}.home-layout #motion-toggle{display:none}.home-layout .tools-heading{align-items:start;gap:12px}.home-layout .tools-heading>span{display:none}.tool-filters{display:grid;grid-template-columns:repeat(2,1fr)}.tool-filters button{padding:10px}.classroom-guide>div{grid-template-columns:1fr;gap:26px}.home-layout .fang-tools{padding-bottom:40px}.home-layout .hero-eyebrow{font-size:11px}.home-layout .explore-link{margin-top:10px}}

footer .legal-links{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}footer .legal-links a{color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:13px}footer .legal-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}