:root{font-family:Arial,sans-serif;color:#172b43;background:#e9edf1}*{box-sizing:border-box}body{margin:0}.toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid #ccd4dc}.toolbar div{margin-right:auto}.toolbar small{display:block;margin-top:5px;color:#657381}input,button{font:inherit;padding:10px;border:1px solid #bbc6d0;border-radius:5px}button{cursor:pointer;background:#fff}.primary{color:white;background:#172b43}main{max-width:1280px;margin:30px auto}.page{position:relative;aspect-ratio:16/9;padding:40px 46px;margin-bottom:28px;background-color:#fafaf5;background-image:linear-gradient(#dfe4df55 1px,transparent 1px),linear-gradient(90deg,#dfe4df55 1px,transparent 1px);background-size:48px 48px;box-shadow:0 8px 30px #172b4315;display:flex;flex-direction:column}.page h1{font-size:34px;margin:0 0 24px}.eyebrow{font:13px monospace;letter-spacing:2px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;flex:1;min-height:0}.card{border:2px solid #172b43;padding:22px;background:#fafaf5e8;overflow:auto}.card h2{margin:0 0 18px;font-size:22px}.card p{font-size:18px;line-height:1.5;white-space:pre-wrap;margin:0;min-height:80px}[contenteditable]:focus{outline:2px solid #168cbd;outline-offset:5px}.footer{display:flex;justify-content:space-between;font:12px monospace;margin-top:20px;color:#556574}.cover{justify-content:center;text-align:center}.cover h1{font-size:64px;border:2px solid #172b43;padding:35px;margin:0 auto;max-width:880px}.subtitle{font:28px monospace;margin:24px 0}.cover .footer{margin-top:70px}.hint{color:#617385;font-size:14px;margin-bottom:18px}@media(max-width:800px){.toolbar{flex-wrap:wrap}.toolbar div{width:100%}main{margin:15px}.page{aspect-ratio:auto;min-height:600px;padding:24px}.grid{grid-template-columns:1fr}.cover h1{font-size:42px}.page h1{font-size:28px}}@page{size:landscape;margin:0}@media print{body{background:white}.toolbar,.hint{display:none}main{max-width:none;margin:0}.page{width:100vw;height:100vh;aspect-ratio:auto;margin:0;box-shadow:none;break-after:page;padding:8mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page:last-child{break-after:auto}.grid{grid-template-columns:repeat(2,1fr)}.card{overflow:visible}.card p{font-size:15px}.page h1{font-size:28px}.cover h1{font-size:52px}}
