:root{font-family:Arial,Helvetica,sans-serif;color:#233a35;background:#f7f8f5;font-synthesis:none;--green:#326c59;--muted:#73817a;--line:#e0e6e0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus,textarea:focus{outline:3px solid #a8cbbb;outline-offset:3px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1080px)/2));background:#fff}.brand{display:flex;gap:13px;align-items:center;font-size:18px;font-weight:700;color:#233a35}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.mark{display:grid;place-items:center;background:#e7eee7;border-radius:14px;width:45px;height:45px;font-size:25px}.header-note{font-size:13px;color:var(--muted)}main{max-width:1080px;margin:0 auto;padding:35px 24px 65px;min-height:calc(100vh - 170px)}#crumbs{font-size:13px;display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}h1{font-size:clamp(28px,4vw,40px);font-weight:500;letter-spacing:-1.2px;margin:10px 0 16px;line-height:1.2}h2{font-size:22px;font-weight:500;margin:0 0 14px}h3{font-size:19px;line-height:1.4;font-weight:500;margin:0}.eyebrow{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.intro{color:var(--muted);line-height:1.65;max-width:650px;margin:0 0 30px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:35px 0 18px}.topline h2{margin:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;min-height:188px;padding:25px;border:1px solid var(--line);background:#fff;border-radius:18px;color:inherit;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-2px);border-color:#9cb8a8}.card .num{color:var(--muted);font-size:12px;letter-spacing:.8px;margin-bottom:18px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;color:var(--green);font-size:13px}.pill{display:inline-block;padding:6px 11px;border-radius:30px;font-size:12px;background:#e8f1e9;color:#3e7054;white-space:nowrap}.pill.taken{background:#eeeae5;color:#756555}.primary,.secondary{border:0;border-radius:10px;padding:12px 18px;min-height:44px}.primary{background:var(--green);color:#fff}.primary:hover{background:#285747}.secondary{background:#eaf0e9;color:#325b4c}.link-btn{background:none;border:0;color:var(--green);font-size:13px;padding:10px 0}.toolbar{display:flex;gap:12px;margin:25px 0 18px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.toolbar input,.toolbar select,input,textarea{border:1px solid #d8e0d8;border-radius:10px;background:#fff;padding:12px 14px;color:#233a35}.toolbar select{min-width:190px}.question{padding:23px 25px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.q-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.q-number{font-size:12px;color:var(--muted);letter-spacing:.5px}.q-text{font-size:16px;line-height:1.65;white-space:pre-line;margin:0 0 20px;max-width:850px}.q-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.person{font-size:14px;color:var(--muted)}.person strong{font-weight:500;color:#233a35}.materials{margin-top:34px;background:#eef2eb;border-radius:16px;padding:24px}.materials summary{cursor:pointer;font-size:18px;padding:4px 0}.term{padding:16px 0;border-bottom:1px solid #dbe3d8;line-height:1.65;font-size:14px}.term:last-child{border:0}.term small{display:block;color:var(--muted);font-size:12px}.graphs{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.graphs summary{color:var(--green);font-size:13px;cursor:pointer}.graphs img{display:block;max-width:100%;height:auto;max-height:700px;object-fit:contain;margin:18px auto;background:white}.empty{border:1px dashed #ccd9cc;border-radius:16px;padding:35px;color:var(--muted);line-height:1.7}#notice{font-size:13px;line-height:1.6;background:#fff3db;border:1px solid #f0dfb9;border-radius:12px;padding:15px 18px;margin-bottom:25px}footer{max-width:1080px;margin:auto;border-top:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;width:min(520px,calc(100% - 32px));max-height:90vh;color:#233a35}dialog::backdrop{background:#132a2355;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.icon{background:none;border:0;font-size:28px;color:var(--muted);padding:0 5px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}label{display:block;font-size:13px;margin-top:19px}label input,label textarea{display:block;width:100%;margin-top:9px}label textarea{min-height:160px;resize:vertical}.hint{font-size:12px;color:var(--muted);line-height:1.7}.dialog-question{font-size:14px;line-height:1.6;color:var(--muted)}#form-error{color:#a23d31;font-size:13px;line-height:1.5}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233a35;color:white;padding:15px 22px;border-radius:12px;box-shadow:0 6px 30px #0002;z-index:5;max-width:90vw;font-size:14px}button:disabled{opacity:.45;cursor:default}.small-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:18px}@media(max-width:650px){header{height:76px;padding:0 20px}.header-note{display:none}main{padding:25px 18px 40px}#crumbs{margin-bottom:28px}.cards{grid-template-columns:1fr}.card{min-height:160px;padding:22px}.topline{align-items:flex-start}.question{padding:20px}.q-bottom{align-items:flex-start}.q-bottom .primary,.q-bottom .secondary{padding:10px 14px;flex-shrink:0}.toolbar{gap:8px}.toolbar select{flex:1}.toolbar input{flex-basis:100%}footer{flex-direction:column;padding:22px 18px}dialog{padding:22px}.materials{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}