:root{--bg:#f2efe8;--paper:#fffdf8;--ink:#202725;--accent:#705a32;--line:#d8d2c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,sans-serif}main{max-width:1260px;margin:auto;padding:35px 24px}header{background:#202b29;color:#fffdf8;padding:45px;border-radius:10px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.07em;color:var(--accent);font-weight:700}header .eyebrow{color:#dfcba0}h1{font-size:clamp(32px,6vw,66px);line-height:1.05;max-width:800px;margin:15px 0}header p{max-width:850px;color:#dedfd6}h2{font-size:20px;line-height:1.3;margin:10px 0}p{margin:12px 0}.toolbar{display:grid;grid-template-columns:2fr 1fr;gap:15px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:24px 0}label{display:grid;gap:5px;font-size:14px}input,select,button{font:inherit;padding:12px;border:1px solid #928d80;border-radius:5px;min-height:46px;width:100%;color:var(--ink);background:white}button{cursor:pointer;background:#e8decb;border-color:#b8a582}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions button{width:auto}#count{font-weight:700}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}article{background:var(--paper);padding:25px;border:1px solid var(--line);border-radius:8px;break-inside:avoid}article[hidden]{display:none!important}small{font-size:12px;display:block;color:#646961;border-top:1px solid var(--line);padding-top:12px}a{color:#705017;text-underline-offset:3px;overflow-wrap:anywhere}.notes{background:#e8e1d3;padding:24px;border-radius:8px}footer{margin-top:32px;font-size:14px;color:#59615a}details{margin:20px 0}summary{cursor:pointer;font-weight:700}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #806338;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;padding:10px}@media(max-width:700px){main{padding:18px 14px}header{padding:25px}#cards,.toolbar{grid-template-columns:1fr}article{padding:20px}.actions button{width:100%}}@media print{body{background:white;font-size:11pt}main{padding:0;max-width:none}header{padding:15px;background:white;color:black}header p{color:black}h1{font-size:28pt}.toolbar,.actions,.skip,#count{display:none}#cards{display:block}article{padding:12px;margin-bottom:8px;border:1px solid #bbb}h2{font-size:13pt}small{font-size:8pt}.notes{background:white;padding:12px}footer{font-size:9pt}}

nav{margin-bottom:20px}nav a{display:inline-block;padding:8px}