*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#203d2e;font:16px system-ui,sans-serif}header,main{max-width:1200px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d2ddcc}nav{display:flex;gap:20px}a{color:inherit}h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;line-height:1.1;margin:45px 0 20px}em{font-family:Georgia;font-weight:400;color:#72846d}p{line-height:1.7;color:#62705e}.eyebrow{font-size:12px;letter-spacing:.12em}.notice{background:#e9eee2;padding:16px;border-radius:12px;font-size:13px}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;border:1px solid #bdcdb4;border-radius:9px;padding:12px 16px;background:white;color:#244633;text-decoration:none;display:inline-block;margin:5px 8px 5px 0}button.primary{background:#244633;color:white}button:focus-visible,a:focus-visible{outline:3px solid #557d46;outline-offset:3px}section.card,article{padding:24px;border:1px solid #d3ddcb;border-radius:18px;background:white;margin:22px 0}label{display:block;margin:15px 0;font-size:14px;font-weight:600}input,textarea,select{display:block;padding:12px;border:1px solid #c8d3c1;border-radius:8px;background:#fafbf7;width:100%;margin-top:8px;color:#203d2e}input[type=checkbox]{width:auto;display:inline;margin-right:10px}.columns,.variants{display:grid;grid-template-columns:1fr 1fr;gap:22px}.variants img{max-width:100%;max-height:420px;object-fit:contain}.badge{display:inline-block;background:#e8edde;padding:7px 12px;border-radius:20px;font-size:12px}.log{border-left:2px solid #a9bd9e;padding-left:18px}small{color:#68765f}dialog{border:0;border-radius:16px;max-width:95vw;padding:20px}dialog::backdrop{background:#10241dd9}dialog img{max-width:85vw;max-height:70vh}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid #dce3d4}button[aria-pressed=true]{background:#dce8d1;border:2px solid #244633}@media(max-width:760px){.columns,.variants{grid-template-columns:1fr}header{flex-wrap:wrap;gap:16px}nav{flex-wrap:wrap}main{padding:18px}article{padding:18px}}@media print{header,#caseList,button,select,.notice{display:none}article{break-inside:avoid}body{background:white}}main{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px 26px;align-items:start}main>.eyebrow,main>h1,main>p{grid-column:1/-1}main>h1{font-size:34px;margin:12px 0 0}main>p{margin:0;max-width:none}main>.notice{font-size:12px}#caseList{grid-column:1;position:sticky;top:16px;max-height:80vh;overflow:auto;padding-right:8px}#workspace{grid-column:2;min-width:0}#caseList h2{font-size:18px}#caseList button{display:block;width:100%;text-align:left;font-size:14px;margin:8px 0;line-height:1.5}#caseList button small{font-size:10px}#workspace>.card{margin:0 0 18px}#workspace>.card:first-child h2{font-size:24px;overflow-wrap:anywhere}#workspace>.card p{font-size:14px}#projectNext{background:#e8efdf;padding:16px;border-radius:12px;font-weight:600;margin:16px 0}#workspace .operations{margin:18px 0}#workspace>.card:has(>.variants:empty){display:none}@media(max-width:800px){main{display:block}main>h1{margin:20px 0}#caseList{position:static;max-height:230px;margin:20px 0;background:#eaf0e3;padding:16px;border-radius:12px}#projectChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px}#caseList button{margin:0}#workspace{margin-top:20px}}@media(max-width:480px){#projectChoices{grid-template-columns:1fr}}@media print{main{display:block}}