:root{--paper:#f4f2e9;--ink:#222d27;--muted:#677168;--line:#d7d9ce;--green:#dce5b5;--orange:#e0a16e;--blue:#d7e3e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a76132;outline-offset:4px}header{max-width:1440px;margin:auto;padding:27px 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;line-height:.97;letter-spacing:-.5px}.mark{position:relative;font-size:37px;border:2px solid var(--ink);border-radius:50%;width:55px;height:55px;display:flex;justify-content:center;align-items:center;letter-spacing:-4px;padding-right:6px}.mark span{font:17px Arial;position:absolute;right:-5px;top:-4px;background:var(--paper)}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav button{background:none;border:0;padding:0}.total-nav,#savedCount{font-size:10px;margin-left:5px;border:1px solid var(--line);border-radius:4px;padding:3px 5px}.edition,.eyebrow{font:10px/1.6 'Courier New',monospace;letter-spacing:1.4px}.edition{text-align:right;color:var(--muted)}main{max-width:1440px;margin:auto;padding:0 56px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:65px 0 58px;align-items:center}.eyebrow{margin:0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#788548;margin-right:7px}h1{font-size:clamp(52px,5.7vw,84px);line-height:1.02;font-weight:500;letter-spacing:-5px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:16px;line-height:1.65;max-width:430px;color:#566157}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 20px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:13px;margin-top:16px}.primary span{font-size:21px}.hero-note{font-size:10px;color:var(--muted);margin-top:18px}.hero-object{background:#e7e9dd;border:1px solid #cbd1bf;min-height:360px;padding:23px;position:relative;transform:rotate(-1deg)}.object-top{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:1px}.object-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.object-bottom h2{font-size:26px;letter-spacing:-1px;margin:6px 0}.object-bottom p{font-size:12px;color:var(--muted);margin:6px 0}.round{border:1px solid var(--ink);border-radius:50%;background:none;width:43px;height:43px;font-size:26px}.round:hover{background:var(--ink);color:var(--paper)}#heroIllustration{height:222px;display:flex;align-items:center;justify-content:center}#heroIllustration svg{width:100%;max-height:210px;filter:drop-shadow(3px 12px 6px #26332119)}.illustration-note{position:absolute;right:22px;bottom:10px;font:8px monospace;color:var(--muted)}.index-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.65fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:25px 0;gap:24px}.index-strip>div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.index-strip strong{font-size:34px;font-weight:400;letter-spacing:-2px}.index-strip span{font-size:11px;max-width:90px;line-height:1.5;color:var(--muted)}.index-strip p{font-size:12px;line-height:1.65;color:var(--muted);margin:auto 0}.catalogue{padding:62px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin:9px 0 25px}.text-btn{background:none;border:0;border-bottom:1px solid var(--ink);font-size:11px;padding:0 0 7px;margin-bottom:28px}.search-row{display:flex;gap:14px}.search{display:flex;align-items:center;flex:1;background:#fffdf6;border:1px solid #c4c9bc;padding:0 18px;min-height:56px;gap:13px}.search>span{font-size:28px}.search input{border:0;background:none;width:100%;outline:none;font-size:14px;min-width:0}.search input:focus-visible{outline:none}.search:focus-within{outline:2px solid var(--ink)}kbd{font-size:11px;border:1px solid var(--line);padding:3px 6px;color:var(--muted)}.method-select{display:flex;flex-direction:column;border:1px solid #c4c9bc;padding:8px 12px;min-width:225px;gap:5px}.method-select span{font:9px monospace;text-transform:uppercase;color:var(--muted)}select{border:0;background:none;font-size:12px;color:var(--ink);width:100%}.categories{display:flex;gap:7px;flex-wrap:wrap;margin:19px 0}.categories button{font-size:11px;background:transparent;border:1px solid #c9cebf;border-radius:3px;padding:10px 12px}.categories button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.categories small{opacity:.65;margin-left:8px}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px;font-size:11px;color:var(--muted)}.results-bar p{margin:0}.results-bar button{border:0;background:none;font-size:11px;color:var(--muted);margin-left:14px;padding:5px 0}.results-bar button[aria-pressed=true]{color:var(--ink);font-weight:bold}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #d0d4c7;background:#faf9f3;min-width:0;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#8c9782}.card-art{height:146px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art svg{height:110px;width:80%;max-width:250px;transition:transform .25s}.card:hover .card-art svg{transform:rotate(-3deg) scale(1.05)}.art-music{background:#e2e7d6}.art-reader{background:#e9dfd3}.art-watch{background:#dce5e5}.art-radio{background:#e6e6d5}.art-home{background:#e5e0e7}.art-console{background:#dce2d5}.art-object{background:#e9e3ce}.card-index{position:absolute;left:15px;top:13px;font:9px monospace;color:#737b6a}.save{position:absolute;right:11px;top:9px;border:0;background:transparent;font-size:23px;line-height:1;padding:5px;z-index:1}.save[aria-pressed=true]{color:#8e432c}.card-body{padding:21px}.card-brand{font:9px monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 7px}.card h3{font-weight:500;letter-spacing:-.5px;font-size:21px;margin:0 0 10px}.card-title{padding:0;background:none;border:0;text-align:left;font:inherit}.card-title:hover{text-decoration:underline;text-underline-offset:4px}.card-description{font-size:12px;line-height:1.65;color:#5b655b;margin:0 0 19px;min-height:60px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.tag{font:9px monospace;letter-spacing:-.1px;display:inline-flex;align-items:center;padding:6px 8px;border-radius:3px;background:#e7ecd7;color:#485337}.tag.transfer{background:#eee5d7;color:#7d5834}.tag.conditional{background:#ecdcd8;color:#84483c}.tag:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:6px}.card-link{border:0;background:none;font-size:11px;white-space:nowrap}.more-wrap{text-align:center;margin-top:30px}.more{padding:14px 32px;border:1px solid var(--ink);background:none;font-size:12px}.more span{margin-left:30px}.more:hover{background:var(--green)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:54px 0;border-top:1px solid var(--ink)}.approach h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.5px;font-size:42px;line-height:1.1;margin:20px 0}.approach>div>p:not(.eyebrow){max-width:420px;font-size:14px;line-height:1.8;color:var(--muted)}.approach article{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.approach article:first-child{padding-top:0}.number{font:12px monospace;padding-top:3px;color:var(--muted)}.approach h3{margin:0 0 8px;font-weight:500;font-size:16px}.approach article p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.tv-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:30px;background:#e7e9dd;margin:10px 0 50px}.tv-note h3{margin:0;font-weight:500;font-size:18px}.tv-note p{font-size:12px;line-height:1.8;color:var(--muted)}.tv-note a{font-size:11px;border-bottom:1px solid #a7af9a;padding-bottom:3px;display:inline-block;margin:7px 18px 0 0}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 35px;border-top:1px solid var(--line);gap:20px}footer .brand{font-size:15px}footer .mark{width:42px;height:42px;font-size:28px}footer p{font-size:10px;color:var(--muted);line-height:1.7}footer>a:last-child{font-size:11px}.empty{text-align:center;padding:55px 10px;border:1px dashed var(--line)}[hidden]{display:none!important}dialog{border:1px solid var(--ink);padding:0;background:var(--paper);color:var(--ink);max-width:650px;width:calc(100% - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#1a251dcc;backdrop-filter:blur(3px)}.close{position:absolute;right:15px;top:12px;border:0;background:var(--paper);font-size:28px;width:36px;height:36px;z-index:2;border-radius:50%}.detail-art{height:180px;display:flex;justify-content:center;align-items:center}.detail-art svg{height:145px;max-width:85%}.detail-text{padding:32px}.detail-text h2{font-size:33px;letter-spacing:-1px;font-weight:500;margin:10px 0 15px}.detail-text>p{font-size:14px;line-height:1.75}.detail-text dl{border-top:1px solid var(--line);margin-top:25px}.detail-text dt{font:10px monospace;letter-spacing:1px;margin:20px 0 8px;text-transform:uppercase}.detail-text dd{margin:0;font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.detail-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}.detail-actions>a:not(.primary){font-size:12px;text-decoration:underline;text-underline-offset:4px}.disclaimer{font:10px/1.7 monospace!important;color:var(--muted);margin:24px 0 0}.detail-save{border:1px solid var(--line);background:none;padding:9px 13px;font-size:11px;margin-top:17px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9}#toast.show{opacity:1}
@media(min-width:1500px){h1{font-size:84px}}@media(max-width:1100px){header{padding:22px 30px}main{padding:0 30px}.hero{gap:35px}h1{letter-spacing:-3px;font-size:64px}.hero-object{padding:18px;min-height:330px}#heroIllustration{height:190px}.approach{gap:45px}.cards{gap:14px}.card-body{padding:17px}.card h3{font-size:19px}.index-strip{gap:12px}.index-strip>div{gap:9px}}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:16px}.mark{height:45px;width:45px;font-size:30px}nav{gap:16px;font-size:11px}nav a:nth-child(2),.edition{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:37px 0 30px;gap:30px}h1{font-size:60px;letter-spacing:-3px;margin:20px 0}.intro{font-size:15px;max-width:470px}.hero-object{min-height:300px;transform:none}#heroIllustration{height:180px}.hero-note{margin-bottom:0}.index-strip{grid-template-columns:repeat(3,1fr);gap:12px;padding:21px 0}.index-strip>div{flex-direction:column;align-items:flex-start;gap:4px}.index-strip>div:nth-child(3){border:0}.index-strip strong{font-size:29px}.index-strip span{font-size:10px;max-width:90px}.index-strip p{grid-column:1/-1;padding-top:10px;font-size:11px;max-width:420px}.catalogue{padding:39px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:27px;max-width:270px;line-height:1.15}.text-btn{font-size:9px;max-width:80px;line-height:1.5;flex-shrink:0;margin-top:26px}.search-row{flex-direction:column;gap:10px}.search{min-height:51px;padding:0 12px}.search input{font-size:12px}.method-select{flex-direction:row;align-items:center;justify-content:space-between;padding:11px 12px;min-width:0}.method-select select{width:auto}.categories{gap:6px}.categories button{font-size:10px;padding:8px}.categories small{margin-left:4px}.results-bar{font-size:10px;gap:10px}.results-bar button{font-size:10px;margin-left:10px}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.card-art{height:115px}.card-art svg{height:80px;width:88%}.card-body{padding:13px}.card h3{font-size:17px;line-height:1.2}.card-description{font-size:11px;min-height:92px;margin-bottom:15px}.card-bottom{align-items:flex-start;flex-direction:column;gap:10px}.card-brand{font-size:8px}.tag{font-size:8px;padding:5px 6px}.card-link{font-size:10px;padding:0}.card-index{font-size:8px;left:10px;top:10px}.save{right:5px;top:4px}.approach{grid-template-columns:1fr;gap:24px;padding:35px 0}.approach h2{font-size:36px}.tv-note{grid-template-columns:1fr;gap:12px;padding:23px;margin-bottom:35px}.tv-note h3{line-height:1.4}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}footer>a:last-child{font-size:10px}.detail-text{padding:24px}.detail-text h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.card-index{max-width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* v2 — 2026-10-31 : grain de papier fin, statique et sans interception des clics. */
body::before{
 content:"";
 position:fixed;
 inset:0;
 z-index:100;
 pointer-events:none;
 opacity:.065;
 mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch' seed='17'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath d='M0 0h220v220H0z' filter='url(%23paper)' opacity='1'/%3E%3C/svg%3E");
 background-size:220px 220px;
}
/* v3 — Slow Web typography and editorial rhythm, original Barefoot palette. */
:root{--serif:'Libre Baskerville',Georgia,'Times New Roman',serif;--typewriter:'Special Elite','Courier New',monospace}
body{font-family:var(--serif)}
header,main{max-width:1280px}
header{padding:28px 44px;border-bottom:1px dashed #9da793}
main{padding:0 44px}
.brand,footer .brand{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.6px;line-height:1.3;gap:0}
.wordmark{white-space:nowrap}.wordmark em{font-weight:400}
nav{gap:25px;font-size:12px}
.total-nav,#savedCount{border:0;padding:0;font-family:var(--typewriter);font-size:11px}
.edition,.eyebrow,.object-top,.illustration-note,.card-index,.card-brand,.tag,.number,.method-select span,.detail-text dt,.disclaimer,kbd{font-family:var(--typewriter)}
.edition,.eyebrow{font-size:11px;letter-spacing:.9px;line-height:1.6}
.edition{font-size:10px;line-height:1.75}
.hero{grid-template-columns:1.15fr 1fr;gap:42px;padding:62px 0 54px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(52px,5.2vw,72px);letter-spacing:-1.4px;line-height:1.13;margin:25px 0}
h1 em{font-family:var(--serif);font-weight:400}
.intro{font-size:15px;line-height:1.85;max-width:440px}
.primary{font-size:12px;padding:14px 19px}
.hero-note{font-family:var(--typewriter);font-size:10px;line-height:1.6;margin-top:20px}
.hero-object{transform:none;background:#e7e9dd;border:1px solid #b6bfaa;min-height:345px;padding:23px}
.object-top{font-size:9px;line-height:1.5;border-bottom:1px dashed #aeb8a1;padding-bottom:14px;letter-spacing:.6px}
#heroIllustration{height:210px}
.object-bottom h2{font-family:var(--serif);font-size:25px;letter-spacing:-.5px;font-weight:400}
.object-bottom p{font-size:11px;line-height:1.7;max-width:280px}
.object-bottom .eyebrow{font-size:9px}
.illustration-note{font-size:8px;bottom:9px}
.index-strip{border-top:1px dashed #9da793;border-bottom:1px dashed #9da793;padding:24px 0;grid-template-columns:1fr 1fr 1fr 1.5fr}
.index-strip strong{font-family:var(--serif);font-size:34px;letter-spacing:-1px}
.index-strip span{font-size:10px;line-height:1.7}.index-strip p{font-size:11px;line-height:1.8}
.section-heading h2{font-family:var(--serif);font-size:31px;letter-spacing:-.5px;line-height:1.35;font-weight:400;margin-top:14px}
.text-btn{font-size:10px}.search input{font-size:13px}.method-select{min-width:210px}.method-select select{font-size:11px}
.categories{gap:8px;margin-top:20px}.categories button{border-radius:0;font-size:10px;line-height:1.5;padding:9px 11px}.categories small{font-family:var(--typewriter)}
.results-bar,.results-bar button{font-size:10px}
.cards{gap:23px}.card{background:transparent;border:0;border-bottom:1px solid #c3cbb8;padding-bottom:6px;transition:border-color .15s}
.card:hover{transform:none;border-color:var(--ink)}.card:hover .card-art svg{transform:none}
.card-art{height:160px;border:1px solid #c6cfba}.card-art svg{height:120px}
.card-index{font-size:9px}.card-brand{font-size:9px;line-height:1.5}
.card-body{padding:21px 0 17px}.card h3{font-size:20px;line-height:1.4;font-weight:400;letter-spacing:-.35px}
.card-description{font-size:11px;line-height:1.85;min-height:62px}.tag{border-radius:0;font-size:9px;line-height:1.3;padding:6px 7px}
.card-link{font-size:10px}.more{font-size:12px}.approach{border-top:1px dashed #9da793;gap:80px;padding-top:50px}
.approach h2{font-family:var(--serif);font-size:40px;line-height:1.25;letter-spacing:-.7px}
.approach>div>p:not(.eyebrow){font-size:13px;line-height:1.9}.approach h3{font-size:16px;line-height:1.5;font-weight:400}.approach article p{font-size:11px;line-height:1.9}
.tv-note h3{font-size:19px;font-weight:400;line-height:1.5}.tv-note p{font-size:11px;line-height:1.9}.tv-note a{font-size:10px}
footer{border-top:1px dashed #9da793}footer .brand{font-size:21px}footer p{font-family:var(--typewriter);font-size:9px;line-height:1.8}footer>a:last-child{font-size:10px}
.detail-text h2{font-weight:400;font-size:30px;letter-spacing:-.5px;line-height:1.4}.detail-text>p{font-size:13px}.detail-text dt{font-size:11px}.detail-text dd{font-size:11px;line-height:1.9}.disclaimer{font-family:var(--typewriter)!important}
@media(max-width:1100px){header{padding:24px 30px}main{padding:0 30px}.brand{font-size:21px}nav{gap:20px;font-size:11px}.hero{gap:30px}h1{font-size:57px}.hero-object{padding:19px}.cards{gap:20px}.card h3{font-size:18px}.card-bottom{flex-wrap:wrap;gap:12px}.index-strip{gap:16px}}
@media(max-width:760px){header{padding:21px 20px;flex-wrap:wrap;gap:18px}.brand{font-size:22px}nav{gap:20px;font-size:11px}nav a:nth-child(2){display:inline}.edition{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:37px 0 33px;gap:30px}.hero .eyebrow{font-size:10px;letter-spacing:.5px}h1{font-size:clamp(40px,10.3vw,61px);line-height:1.16;letter-spacing:-1px;margin:22px 0}.intro{font-size:14px;line-height:1.85}.hero-note{font-size:9px}.hero-object{min-height:310px;padding:19px}#heroIllustration{height:180px}.object-bottom h2{font-size:23px}.object-bottom p{max-width:245px;font-size:10px}.index-strip{grid-template-columns:repeat(3,1fr);gap:14px}.index-strip strong{font-size:29px}.index-strip span{font-size:9px}.index-strip p{font-size:10px}.section-heading h2{font-size:25px;line-height:1.4;max-width:230px}.text-btn{font-size:9px}.search input{font-size:11px}.method-select{min-width:0}.categories{gap:7px}.categories button{font-size:9px;padding:8px}.results-bar,.results-bar button{font-size:9px}.cards{gap:15px}.card-art{height:125px}.card-art svg{height:85px}.card-index{font-size:8px}.card-body{padding:16px 0 13px}.card h3{font-size:17px}.card-brand{font-size:8px}.card-description{font-size:10px;min-height:110px;line-height:1.85}.tag{font-size:8px}.card-link{font-size:10px}.approach{gap:25px}.approach h2{font-size:34px}.tv-note{padding:23px}footer .brand{font-size:21px}.detail-text h2{font-size:27px}}
@media(max-width:420px){header{display:block}nav{margin-top:16px;justify-content:space-between;gap:10px}.card h3{font-size:16px}.card-description{min-height:130px}.card-index{font-size:7px}.tag{font-size:7px}}

/* Logo v4: Lazenby Computer Smooth by Andrew Young / Disaster Fonts.
   CC BY-SA 4.0. Original typeface, unmodified; see assets/fonts/lazenby-license.txt. */
@font-face{font-family:'Lazenby Computer Smooth';src:url('assets/fonts/lazenby-computer-smooth.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.brand .wordmark{font-family:'Lazenby Computer Smooth',sans-serif;font-size:28px;font-weight:400;line-height:1.15;letter-spacing:0;font-synthesis:none}
.brand .wordmark em{font-style:normal;font-weight:400}
footer .brand .wordmark{font-size:25px}
@media(max-width:760px){.brand .wordmark{font-size:27px}footer .brand .wordmark{font-size:25px}}

/* v5 — submission notebook */
.approach>div>p.approach-statement{font-size:19px;line-height:1.75;color:var(--ink)}
.submission-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:48px 0 60px;border-top:1px dashed #9da793;scroll-margin-top:28px}.submission-section h2{font-size:32px;font-weight:400;letter-spacing:-.7px;line-height:1.4;margin:20px 0}.submission-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:380px;color:var(--muted)}.submission-intro .text-btn{margin:18px 0 0}.submission-section form{display:grid;gap:17px}.submission-section label{display:grid;gap:10px;font-size:11px;line-height:1.5}.submission-section input,.submission-section select,.submission-section textarea{border:1px solid #bdc5b2;border-radius:0;background:#faf9f3;padding:13px;width:100%;font:12px/1.6 var(--serif);color:var(--ink);min-width:0}.submission-section textarea{resize:vertical}.submission-section textarea:focus-visible{outline:3px solid #a76132;outline-offset:3px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.submission-section .primary{justify-self:start;margin:0}.form-status{font:11px/1.7 var(--typewriter);margin:0;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}.inbox-inner{padding:36px}.inbox-inner h2{font-size:27px;font-weight:400;margin:18px 0}.inbox-note,.inbox-empty{font-size:12px;line-height:1.8;color:var(--muted)}.submission-item{padding:23px 0;border-top:1px dashed #aab49d}.submission-item h3{font-size:21px;font-weight:400;margin:12px 0}.submission-description{white-space:pre-wrap;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.submission-item>a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.submission-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;font:10px var(--typewriter)}.submission-meta button{border:1px solid var(--line);background:none;padding:9px;font:11px var(--serif)}
@media(max-width:1000px){header .edition{display:none}nav{gap:18px}.submission-section{gap:40px}}@media(max-width:760px){.submission-section{grid-template-columns:1fr;gap:25px;padding:35px 0 45px}.submission-section h2{font-size:29px}.form-pair{grid-template-columns:1fr}.inbox-inner{padding:28px 22px}.inbox-inner h2{font-size:25px}.submission-section input,.submission-section textarea,.submission-section select{font-size:16px}nav{flex-wrap:wrap;row-gap:14px;font-size:10px}header{align-items:flex-start}}

.submission-intro .text-btn{max-width:none;text-align:left}

/* v7 — one clear target per device */
.card{position:relative;isolation:isolate;cursor:pointer}.card-action::after{content:"";position:absolute;inset:0;z-index:1}.card-action:focus-visible{outline:none}.card-action:focus-visible::after{outline:3px solid #a76132;outline-offset:5px}.card .save{z-index:2;min-width:44px;min-height:44px}.card:hover .card-title{text-decoration:underline;text-underline-offset:5px}.hero-object,.club-ticket{display:block}.hero-object:hover,.club-ticket:hover,.club-invitation:hover{border-color:var(--ink)}.hero-object .round{display:flex;align-items:center;justify-content:center}.club-invitation{cursor:pointer}

/* v10 — homepage copy, clearer counts and a softer browse button */
.hero-explanation{font-size:13px;margin-top:18px;max-width:430px}.hero .device-button{border-radius:999px;background:var(--green);color:var(--ink);border:1px solid #a6b78b;box-shadow:0 3px 0 #a6b78b;padding:16px 27px;font:14px var(--serif);transition:background .15s,transform .15s,box-shadow .15s}.hero .device-button:hover{background:#cbdc9d;transform:translateY(-1px);box-shadow:0 4px 0 #a6b78b}.hero .device-button:active{transform:translateY(2px);box-shadow:0 1px 0 #a6b78b}
@media(max-width:760px){.hero-explanation{font-size:13px;margin-top:16px}.hero .device-button{min-height:50px;font-size:13px;padding:14px 24px}}
@media(prefers-reduced-motion:reduce){.hero .device-button{transition:none;transform:none}}