:root{--ivory:#fbf6ef;--wine:#762d35;--rose:#e9c7c5;--blush:#f4e3e0;--ink:#342c2b;--taupe:#74625c;--line:#d8c9bd}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ivory);font:16px/1.65 Arial,sans-serif}a{color:var(--wine);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--wine);border-radius:3px;background:var(--wine);color:white;padding:12px 20px;cursor:pointer;display:inline-block;text-decoration:none}button.secondary,.button.secondary{background:transparent;color:var(--wine)}button:disabled{opacity:.5;cursor:default}button:hover,.button:hover{filter:brightness(.93)}:focus-visible{outline:3px solid #a76024;outline-offset:4px}input,select,textarea{background:#fffdf9;color:var(--ink);border:1px solid #a18a80;border-radius:3px;padding:10px;width:100%;min-width:0}textarea{min-height:100px;resize:vertical}label{display:block;font-size:.9rem;font-weight:600;margin:12px 0 5px}h1,h2,h3,.serif{font-family:Georgia,serif;font-weight:400;line-height:1.14}h1{font-size:clamp(2.3rem,5vw,4.8rem);max-width:900px;margin:20px 0 24px}h2{font-size:clamp(1.9rem,3vw,2.8rem)}h3{font-size:1.5rem}p{max-width:74ch}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--wine);font-weight:bold}.wrap{max-width:1260px;margin:auto;padding:0 5%}header{border-bottom:1px solid var(--line)}.nav{display:flex;gap:24px;align-items:center;min-height:100px}.logo{font-family:Georgia,serif;font-size:25px;letter-spacing:3px;text-decoration:none;white-space:nowrap}.logo img{vertical-align:middle;width:32px;height:34px;margin-right:8px}nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:13px}nav a{text-decoration:none;color:var(--ink)}details.menu{position:relative}details.menu summary{cursor:pointer}details.menu .dropdown{position:absolute;top:30px;left:0;background:var(--ivory);padding:20px;border:1px solid var(--line);width:240px;z-index:5}details.menu a{display:block;padding:8px}#mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:6%;padding:70px 0 55px;align-items:center}.hero h1 em{color:var(--wine);font-weight:400}.hero-art{width:100%;border-radius:48% 48% 2px 2px;background:#e6d5c4}.hero p{font-size:18px;color:var(--taupe);max-width:500px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0}.starter{background:var(--wine);color:var(--ivory);padding:32px 40px;margin-top:22px;box-shadow:10px 10px 0 var(--blush)}.starter p{font-family:Georgia,serif;font-size:25px}.starter .eyebrow{color:var(--rose)}.starter button{background:var(--ivory);color:var(--wine);border-color:var(--ivory)}section{margin:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h2{margin:8px 0}.moments{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.moment{padding:38px;background:#e9e5d7;min-height:230px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;justify-content:end}.moment:nth-child(2){margin-top:45px;background:var(--blush)}.moment:nth-child(3){margin-right:70px;background:#e3d7c7}.moment:nth-child(4){background:#e6c9bd;margin-top:25px}.moment span{font-size:32px}.moment h3{margin:14px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);padding:25px;min-width:0;background:#fffaf4}.card h3{margin:15px 0}.card a{display:block}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:35px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:var(--blush);padding:45px}.feature.dark{background:#e6e4d6}.prose{max-width:800px;margin:55px auto}.prose h2{margin-top:50px}.prose p,.prose li{line-height:1.9}.page-intro{margin:55px 0 35px}.page-intro h1{font-size:clamp(2.2rem,4vw,3.8rem)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.panel{padding:28px;border:1px solid var(--line);background:#fffaf4;margin:20px 0}.panel h2{font-size:1.8rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.question{font:28px/1.4 Georgia,serif}.muted,.help{color:var(--taupe);font-size:14px}.notice{background:#eae7d8;border-left:3px solid var(--wine);padding:14px 20px}.status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:white;padding:12px 24px;z-index:10}.status:empty{display:none}.item{border-bottom:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.item button{padding:6px 12px;font-size:13px;margin:5px}.result{background:var(--blush);padding:20px;margin-top:20px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.table-scroll{overflow:auto}.search-results{max-height:65vh;overflow:auto}.print-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.print-card{border:1px dashed #9b8279;min-height:180px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;font-family:Georgia,serif}.print-card small{font:10px Arial;letter-spacing:2px;color:var(--wine)}.print-card textarea{font:14px Georgia;min-height:95px;border:0;background:transparent}footer{border-top:1px solid var(--line);margin-top:90px;padding:45px 0 30px}.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:white;z-index:99}dialog{width:min(760px,94vw);max-height:88vh;border:1px solid var(--line);background:var(--ivory);padding:30px}dialog::backdrop{background:#342c2b88}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.check{width:auto}.divider{height:1px;background:var(--line);margin:35px 0}@media(max-width:950px){nav{gap:12px}.logo{font-size:20px;letter-spacing:1px}.workspace{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.nav{min-height:78px;flex-wrap:wrap;gap:12px}#mobile-menu{display:block;margin-left:auto;padding:6px 12px}nav{display:none;width:100%;margin:0;padding:12px 0;flex-wrap:wrap}nav.open{display:flex}details.menu .dropdown{position:static;width:100%}.hero{grid-template-columns:1fr;padding-top:40px}.hero-art{max-height:370px;margin-top:20px}.starter{padding:25px}.moments,.feature,.steps{grid-template-columns:1fr}.moment:nth-child(n){margin:0}.grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.panel{padding:20px}.print-grid{grid-template-columns:repeat(2,1fr)}.feature{padding:28px}.section-heading{align-items:start;flex-direction:column}section{margin:45px 0}.question{font-size:24px}}@media print{header,footer,.no-print,.status,.page-intro{display:none!important}body{background:white}.wrap{padding:0;max-width:none}.print-grid{grid-template-columns:repeat(3,1fr);gap:4mm}.print-card{height:61mm;min-height:0;break-inside:avoid;padding:5mm}.print-card textarea{resize:none;overflow:hidden}.print-card button{display:none}.panel{border:0;padding:0}.print-card small{color:#342c2b}@page{size:A4;margin:12mm}}
:root .hero .starter p{color:var(--ivory)}
/* Keep explanations readable while leaving the controls in the main page flow. */
.question-context{border-left:2px solid var(--line);padding:0 0 0 20px;margin:24px 0}.question-context h3{font:600 16px/1.4 Arial,sans-serif;margin:20px 0 8px}.question-context p{font-size:15px;line-height:1.7}#answer-panel details{margin:18px 0}#answer-panel summary{cursor:pointer;color:var(--wine)}.instruction-guide section{margin:30px 0}.instruction-guide h3{font-size:1.65rem}#generator .help,#printable .help{line-height:1.6;margin-top:7px}#answer-panel li{margin:8px 0}body[data-kind="cards"] main>p,body[data-kind="generator"] main>p{max-width:78ch}