:root{--blue:#173b6d;--gold:#c8a25a;--paper:#f3e4c5;--wine:#7a1f24;color:#2f241c;font-family:Georgia,serif}*{box-sizing:border-box}body{margin:0;background:#142741}main{max-width:760px;min-height:100vh;margin:auto;padding:18px 20px 0;background:var(--paper) url('assets/pergamino.png');border-inline:5px double #987240}header{display:flex;justify-content:center;align-items:center;gap:18px;padding-bottom:16px;text-align:center}header>img{width:95px}.name{width:220px;max-width:100%}p{line-height:1.35}header p{margin:5px 0 0}.hero{display:grid;grid-template-columns:1.18fr 1fr;color:#fff4d7;background:var(--blue);border:3px double var(--gold);overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero div{padding:16px 10px;text-align:center;display:grid;place-content:center}.hero b,.hero i{color:var(--gold);font-style:normal}.hero h1{font-size:clamp(1.55rem,5vw,2.7rem);font-weight:normal;margin:8px 0}.hero button{background:var(--wine);color:white;border:2px solid var(--gold);border-radius:8px;padding:11px;margin-top:12px;font:inherit;font-size:1.1rem}.modules{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:12px}.modules button{grid-column:span 2;border:1px solid #a07c45;background:#f3e4c5aa;padding:5px;color:inherit;font:inherit}.modules button:nth-child(n+4){grid-column:span 3}.modules img{width:100%;height:70px;object-fit:contain}.modules strong,.modules span{display:block}.modules strong{font-size:1.05rem}.modules span{font-size:.82rem}.progress{border:1px solid #a07c45;margin:12px 0;padding:12px}.progress h2,.daily h2{margin:0}.daily{display:flex;align-items:center;background:var(--blue);color:#fff4dd;border:3px double var(--gold);gap:14px}.daily img{width:90px;align-self:stretch;object-fit:cover}.daily p{margin:5px 0}.dedication{text-align:center;font-size:.85rem}nav{position:sticky;bottom:0;max-width:760px;margin:auto;display:flex;justify-content:space-around;padding:8px;background:var(--paper);border-top:3px double #a07c45}nav a{text-align:center;font-size:1.5rem}nav small{display:block;font-size:.8rem}@media(max-width:420px){main{padding-inline:10px}.hero{grid-template-columns:1fr}.hero>img{max-height:190px}.modules strong{font-size:.9rem}}