:root{font-family:"Times New Roman","Songti SC",serif;color:#322b24;background:#f2eadc;--red:#bd3b27;--blue:#234d73;--gold:#d49b2a}*{box-sizing:border-box}body{margin:0;background:#f2eadc}button,input{font:inherit;color:inherit}header{height:92px;border-bottom:1px solid #6e6255;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 clamp(18px,5vw,72px)}header a{font:bold 1rem/ .85 Arial,sans-serif;letter-spacing:-.06em;color:inherit;text-decoration:none}header p{text-align:center;font:italic .75rem/1.35 Georgia,serif;margin:0}header span{text-align:right;font:700 .68rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.hero{min-height:560px;padding:70px clamp(18px,7vw,108px);display:grid;grid-template-columns:.35fr 1.25fr .6fr;align-items:end;border-bottom:1px solid #6e6255;background:radial-gradient(circle at 78% 28%,#d5c5ab 0 1px,transparent 2px);background-size:16px 16px}.number{font-size:clamp(7rem,18vw,18rem);line-height:.7;color:#bd3b2722;letter-spacing:-.1em}.overline,.section-head p{font:700 .65rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}.hero h1{font-size:clamp(4rem,8.5vw,9rem);line-height:.78;letter-spacing:-.07em;margin:20px 0 0;font-weight:400}.hero h1 em{color:var(--red)}.intro{font-size:1rem;line-height:1.8;border-top:4px double #6e6255;padding-top:20px;margin:0}.controls{display:grid;grid-template-columns:.8fr 2fr .6fr;gap:30px;padding:28px clamp(18px,5vw,72px);border-bottom:1px solid #6e6255;align-items:center;background:#e7dcc9}.year-control{display:grid;grid-template-columns:1fr 45px 100px 45px;align-items:center}.year-control label,fieldset legend{font:700 .65rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.year-control button{height:40px;border:1px solid;background:transparent;cursor:pointer}.year-control input{height:40px;border:1px solid;border-left:0;border-right:0;background:#f2eadc;text-align:center;font-size:1.2rem;font-weight:bold;width:100%}fieldset{border:0;padding:0;margin:0}fieldset legend{margin-bottom:9px}#weekday-buttons{display:flex}.weekday{flex:1;min-width:38px;border:1px solid #6e6255;border-right:0;background:transparent;height:40px;cursor:pointer}.weekday:last-child{border-right:1px solid}.weekday.active{background:#322b24;color:#f2eadc}.remember{display:flex;align-items:center;gap:10px;cursor:pointer}.remember input{display:none}.remember>span{width:18px;height:18px;border:1px solid;display:grid;place-items:center}.remember input:checked+span:after{content:"✓";font:900 14px Arial}.remember b{font:700 .67rem Arial,sans-serif;text-transform:uppercase}.remember small{display:block;font-weight:400;color:#74685b}.dashboard,.weekends,.matrix-section{padding:65px clamp(18px,5vw,72px);border-bottom:1px solid #6e6255}.section-head{display:flex;gap:18px;align-items:center;margin-bottom:40px}.section-head>span{width:40px;height:40px;border:1px solid;border-radius:50%;display:grid;place-items:center;font:700 .7rem Arial}.section-head p{margin:0;color:var(--red)}.section-head h2{font-size:2.1rem;font-weight:400;margin:3px 0 0}.key{margin-left:auto;display:flex;gap:13px;flex-wrap:wrap;font:700 .65rem Arial}.key i{display:inline-block;width:9px;height:9px;margin-right:4px}.chart-wrap{position:relative;background:#eadfcd;border:1px solid #6e6255;padding:18px;overflow-x:auto}#chart{display:block;width:100%;min-width:850px;height:420px}.bar{cursor:pointer;transition:opacity .15s}.bar:hover,.bar:focus{opacity:.65;outline:none}.axis-label{font:12px Arial;fill:#675d52}.grid-line{stroke:#a99c8b;stroke-width:1;stroke-dasharray:2 5}.tooltip{display:none;position:fixed;z-index:10;width:min(310px,calc(100vw - 30px));background:#322b24;color:#f7eddd;border-left:5px solid var(--gold);padding:14px;box-shadow:5px 5px 0 #bd3b27;font-size:.83rem;line-height:1.55;pointer-events:none}.tooltip.show{display:block}.tooltip b{display:block;font:700 .72rem Arial;margin-bottom:5px;color:#f0c66f}.chart-note{font-style:italic;color:#75695c;text-align:right;font-size:.8rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#6e6255;border:1px solid #6e6255}.card{background:#f2eadc;padding:20px;min-height:155px;position:relative;overflow:hidden}.card.top{background:#234d73;color:#f4eadb}.card .month{font:700 .68rem Arial;text-transform:uppercase;letter-spacing:.1em}.card strong{display:block;font-size:3rem;font-weight:400;margin-top:23px}.card small{font:italic .75rem Georgia}.card .arc{position:absolute;width:85px;height:85px;border:12px solid #bd3b27;border-left-color:transparent;border-radius:50%;right:-25px;bottom:-25px;transform:rotate(var(--rotation))}.card.top .arc{border-color:#d49b2a;border-left-color:transparent}.matrix-wrap{overflow:auto;border:1px solid #6e6255}table{width:100%;border-collapse:collapse;min-width:730px}th,td{border-right:1px solid #b5aa9a;border-bottom:1px solid #b5aa9a;text-align:center;padding:13px;font:500 .8rem Arial}th{background:#322b24;color:#f2eadc;font-size:.68rem}td:first-child{text-align:left;font-family:Georgia,serif;font-weight:bold}.focus-cell{background:#d49b2a55;font-weight:bold}footer{height:90px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;font:700 .65rem Arial;text-transform:uppercase;letter-spacing:.08em}footer b{font-size:1.1rem}@media(max-width:800px){header{grid-template-columns:1fr 1fr}header p{display:none}.hero{grid-template-columns:1fr;min-height:520px;padding-top:45px}.number{position:absolute;right:20px;top:150px}.hero h1{font-size:clamp(4rem,18vw,6.7rem);position:relative}.intro{margin-top:50px}.controls{grid-template-columns:1fr}.year-control{grid-template-columns:1fr 40px 100px 40px}.cards{grid-template-columns:repeat(2,1fr)}.dashboard,.weekends,.matrix-section{padding:45px 14px}.key{width:100%;margin:10px 0 0}.section-head{flex-wrap:wrap}footer span:nth-child(2){display:none}}
