*{box-sizing:border-box}body{margin:0;background:#f5f3e9;color:#183e43;font:16px/1.65 system-ui,sans-serif;padding-right:116px}header,main{max-width:1080px;margin:auto;padding:25px clamp(16px,4vw,55px)}header{border-bottom:1px solid #c6d4c8;display:flex;align-items:center;justify-content:space-between}header span,.tag{font-size:.72rem;font-weight:750;letter-spacing:.14em}h1,h2,h3{line-height:1.17}h1{font-size:clamp(2.2rem,5.8vw,4.2rem);letter-spacing:-.055em;margin:.25em 0}h2{font-size:1.6rem}.hero{background:#173f48;color:white;padding:clamp(22px,4vw,46px);border-radius:15px;border-bottom:7px solid #e9b789}.hero p{max-width:620px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr));gap:15px;margin:23px 0}.card,article,details,fieldset,.box{border:1px solid #c9d5ca;background:#fffef9;border-radius:10px;padding:20px}.card{text-align:left;color:inherit;border-top:5px solid var(--c);font:inherit}.card small,.card strong{display:block}.card strong{font-size:1.25rem;margin:.4em 0}.card p{font-size:.9rem}button{cursor:pointer;font:inherit;color:inherit}.btn,.tab{padding:10px 16px;border:1px solid #92a99b;border-radius:7px;background:#fffef7;margin:4px}.btn.primary,.tab.active{background:#193e45;color:white}.tabs{display:flex;flex-wrap:wrap;margin:18px 0}article p{max-width:78ch}details{margin:15px 0}summary{cursor:pointer;font-weight:bold}li{margin:.55em 0}a{color:#125d61}label{display:block;margin:7px 0}fieldset label{padding:8px;background:#f0f3eb;border-radius:5px}fieldset{margin:15px 0}legend{font-weight:650}textarea{width:100%;font:inherit;padding:10px}aside{position:fixed;right:0;top:0;bottom:0;width:116px;background:#e6eade;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:6px;overflow:auto}.stamp{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;font-size:.72rem;line-height:1.3;gap:3px}.seal{display:grid;place-items:center;width:39px;height:44px;clip-path:polygon(50% 0,96% 20%,85% 76%,50% 100%,15% 76%,4% 20%);background:#ced4c8;font-size:1.3rem}.earned .seal{background:var(--c);color:#102b31}.stamp small{font-size:.65rem}#sync{max-width:1080px;margin:0 auto;padding:12px 25px;font-size:.82rem;color:#53665a}.feedback{padding:14px;background:#e5ecdc;border-radius:7px;margin:15px 0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bb6435;outline-offset:3px}dialog{border:1px solid #aec4b2;border-radius:12px;text-align:center;color:inherit;max-width:90vw;padding:30px}dialog .seal{width:90px;height:100px;font-size:3rem;margin:auto}dialog::backdrop{background:#17373ec4}@media(max-width:620px){body{padding:0 0 90px}aside{top:auto;left:0;width:100%;height:80px;flex-direction:row;align-items:center;justify-content:space-around;gap:0}.stamp{width:16%;font-size:.58rem}.stamp small{font-size:.52rem}.seal{width:31px;height:34px}header span{font-size:.55rem}}