:root{--ink:#26332b;--cream:#faf7ee;--green:#164e3c;--muted:#647266;--line:#dce1d3;--lime:#e4edc9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;align-items:center;gap:25px}header img{width:230px;max-width:44vw;height:auto}a{color:inherit}header a:last-child{font-size:13px}main{padding-top:45px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:bold;color:var(--green)}h1,h2{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(45px,6vw,72px);letter-spacing:-2px;margin:14px 0}h2{font-size:27px;margin:10px 0 18px}.lead{font-size:19px;line-height:1.5}.preview{font-size:12px;background:#ecefdf;border-radius:8px;padding:14px;line-height:1.6;margin:25px 0 32px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.modes{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;padding:12px 17px;color:var(--ink)}button:hover{border-color:var(--green)}button:focus-visible,a:focus-visible{outline:3px solid #93b56c;outline-offset:3px}button:disabled{cursor:default;opacity:.5}button.active,.primary{background:var(--green);color:white;border-color:var(--green)}#mode-note{min-height:40px;font-size:14px;line-height:1.6;color:var(--muted)}.table{background:var(--green);border-radius:20px;padding:24px;color:var(--cream)}.table-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:23px}.slots{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slot{min-height:180px;border:1px dashed #a1baaa;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:center}.slot.filled{background:var(--cream);color:var(--ink);border-style:solid}.slot h2{margin:9px 0;font-size:26px}.slot small{text-transform:uppercase;font-size:10px;letter-spacing:1px}.slot p{font-size:13px;line-height:1.6;margin:0}.table p{line-height:1.5;font-size:13px}.table button{margin-right:8px;margin-top:8px}.hand{margin-top:35px}.hand-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.hand-title span{font-size:12px;color:var(--muted)}.hand>p{font-size:14px;color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:19px;background:#fffdf7;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.initial{border-radius:50%;background:var(--lime);width:42px;height:42px;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.card h3{font-family:Georgia,serif;font-weight:normal;font-size:23px;margin:14px 0 6px}.card small{color:var(--muted)}.card p{font-size:13px;line-height:1.6}.card button{margin-top:auto;width:100%;font-size:13px}.interests{color:var(--green);font-size:12px;line-height:1.6;margin:0 0 17px}.aside-box{padding:23px;background:#eeefe4;border-radius:12px;margin-bottom:18px}.aside-box p,.aside-box li{font-size:14px;line-height:1.65}.aside-box li{padding-bottom:12px}.aside-box ol{padding-left:20px}.light{background:transparent;border:1px solid var(--line)}.text-button{background:none;border:0;text-decoration:underline;font-size:12px;color:var(--muted)}.result{margin-top:18px;border:1px solid var(--line);padding:23px;border-radius:12px;background:#edf2df}.result h2{font-size:24px}.result p{font-size:14px;line-height:1.6}.responses{display:flex;gap:10px;flex-wrap:wrap}.responses button{font-size:13px}.result label{display:block;font-size:13px;margin:18px 0 7px}.result textarea{width:100%;resize:vertical;min-height:80px;background:#fffdf7;border:1px solid var(--line);border-radius:7px;font:inherit;padding:12px}.result .small{font-size:12px;color:var(--muted)}footer{margin-top:45px;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header,main,footer{padding:23px}main{padding-top:30px}header img{width:170px}.slots{gap:10px}.slot{padding:14px;min-height:190px}.slot h2{font-size:22px}.table{padding:18px}.cards{grid-template-columns:1fr 1fr}.card{padding:14px}aside{display:block}.modes button{font-size:13px;padding:11px}h1{letter-spacing:-1.5px}}