*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#24282f;font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-bottom:1px solid #ddd;background:white}a{color:#087f5b;text-decoration:none}header a{font-weight:700}main{max-width:1350px;margin:auto;padding:30px 4%}.hero{max-width:680px;margin:40px auto;background:white;border:1px solid #ddd;border-radius:28px;padding:40px}h1{font-size:clamp(36px,6vw,65px);line-height:1.05;letter-spacing:-.04em}h2{line-height:1.2}em{color:#087f5b;font-style:normal}small{color:#087f5b;font-weight:700;letter-spacing:.08em}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #c7d4ce;border-radius:10px;background:white;font:inherit;color:inherit}textarea{min-height:120px}button,.btn{display:inline-block;border:0;border-radius:10px;background:#087f5b;color:white;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;margin:4px}button.secondary{background:#e5f5ed;color:#087f5b}button:hover{filter:brightness(.94)}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}aside,.panel{background:white;border:1px solid #e0e4df;border-radius:20px;padding:22px}aside{align-self:start;position:sticky;top:12px;max-height:90vh;overflow:auto}aside button{width:100%;text-align:left;margin:3px 0;font-size:14px}details{padding:8px 0;border-bottom:1px solid #eee}summary{cursor:pointer;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tile{background:#fff;border:1px solid #dfe6df;border-radius:16px;padding:18px}.tile img,.banner{width:100%;border-radius:12px}.tag{background:#e5f5ed;color:#087f5b;padding:5px 10px;border-radius:20px;font-size:13px}progress{width:100%;accent-color:#087f5b;height:15px}.callout{border-left:4px solid #ff705d;background:#fff2ef;padding:16px;border-radius:8px;margin:18px 0}pre{white-space:pre-wrap;background:#e5f5ed;padding:16px;border-radius:12px;font:inherit}fieldset{border:1px solid #ddd;border-radius:12px;margin:15px 0;padding:15px}input[type=radio],input[type=checkbox]{display:inline;width:auto;margin-right:8px}.cert{background:white;border:12px double #087f5b;padding:50px;text-align:center}.cert h1{font-size:36px}.cert h2{font-size:30px}.cert p{margin:25px 0}@media(max-width:760px){.layout{grid-template-columns:1fr}aside{position:static;max-height:350px}.hero{padding:22px;margin:10px auto}main{padding:15px}header{padding:12px}.cert{padding:20px}}@media print{header,aside,.no-print,button{display:none!important}main,.layout{display:block;padding:0}.panel{border:0}.cert{break-inside:avoid}@page{size:A4 landscape;margin:12mm}}
