body[data-landing]{background-image:var(--grid-url,url(/month-grid.svg)), url(/paper.svg);background-position:top,0 0;background-repeat:repeat,repeat;grid-template-rows:auto minmax(0,1fr) auto;min-block-size:100dvh;display:grid}body[data-landing] main{gap:var(--unit);padding-block:calc(var(--unit) / 2);grid-template-rows:minmax(0,1fr) auto auto;min-block-size:0;display:grid}body[data-landing]>footer{padding-block:calc(var(--unit) / 2)}body[data-landing]>footer p{margin:0}body[data-landing]>footer p:first-child{display:none}main .paper .days>span{block-size:calc(var(--unit) * 1.35)}main .paper .heads span{line-height:calc(var(--unit) * .9)}main .hero{gap:calc(var(--unit) * 1.5);grid-template-columns:minmax(0,1fr);align-self:center;align-items:center;margin:0;display:grid}@media (width>=60rem){main .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}main .hero h1{font-size:min(var(--step-4), 3rem);margin-block:0 calc(var(--unit) / 2);line-height:1.1}main .lead{font-size:var(--step-1);line-height:calc(var(--unit) * 1.25);color:var(--text-soft);max-inline-size:30ch;margin-block-end:calc(var(--unit) * .75)}main .cta{align-items:center;gap:var(--unit);margin:0 0 var(--unit);flex-wrap:wrap;display:flex}main a[role=button]{padding:calc(var(--unit) / 2) calc(var(--unit) * 1.25);background:var(--text);color:var(--ground);line-height:var(--unit);transition:background var(--duration-quick) var(--ease-out), transform var(--duration-quick) var(--ease-out);border-radius:999px;font-weight:500;text-decoration:none;display:inline-block}main a[role=button]:hover{background:var(--due);transform:translateY(-1px)}main .three{gap:calc(var(--unit) / 4) var(--unit);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}main .three li{color:var(--text-soft);font-size:var(--step--1);align-items:center;gap:.5ch;display:inline-flex}main .three svg{flex:none}main .three b{font-weight:500}main .paper{padding:calc(var(--unit) * .75);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-lift);transition:transform var(--duration-fast) var(--ease-smooth-out);transform:rotate(-1deg)}main .paper:hover{transform:rotate(0)}main .paper-head{justify-content:space-between;align-items:baseline;gap:var(--unit);color:var(--text-soft);margin-block-end:calc(var(--unit) / 2);display:flex}main .paper-head span{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}main .paper-head a{flex:none}main .paper ol{gap:calc(var(--unit) / 2);margin:calc(var(--unit) * .75) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}main .paper ol a{padding:calc(var(--unit) / 2) calc(var(--unit) * .75);gap:2px}main .paper ol time b{font-size:var(--step-2)}main .paper ol .title{font-size:var(--step--1)}main .guides{margin:0}main .guides h2{margin:0 0 calc(var(--unit) / 2);font-size:var(--step-1);line-height:var(--unit);border:0;padding:0}main .guides ul{gap:calc(var(--unit) / 2);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}main .guides a{padding:calc(var(--unit) / 2) calc(var(--unit) * .75);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--card);block-size:100%;color:inherit;transition:transform var(--duration-fast) var(--ease-smooth-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);gap:2px;text-decoration:none;display:grid}main .guides a svg{color:var(--text-soft);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-smooth-out)}main .guides a svg [fill="var(--mark)"]{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}main .guides a b{font-family:var(--serif);font-weight:400;font-size:var(--step-0);line-height:var(--unit);text-underline-offset:.15em;transition:text-decoration-color var(--duration-fast) var(--ease-out);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}main .guides a small{color:var(--text-soft)}main .guides a:hover,main .guides a:focus-visible{border-color:var(--text);box-shadow:var(--shadow-lift);transition-duration:var(--duration-quick);transform:translateY(-3px)}main .guides a:hover svg,main .guides a:focus-visible svg{color:var(--text);transform:rotate(-6deg)scale(1.08)}main .guides a:hover svg [fill="var(--mark)"],main .guides a:focus-visible svg [fill="var(--mark)"]{opacity:1}main .guides a:hover b,main .guides a:focus-visible b{text-decoration-color:currentColor}main #notify{align-items:center;gap:calc(var(--unit) / 2) var(--unit);flex-wrap:wrap;margin:0;display:flex}main #notify h2{font-size:var(--step-0);line-height:var(--unit);font-family:var(--sans);border:0;margin:0;padding:0;font-weight:500}main #notify p{margin:0}main #notify form{gap:calc(var(--unit) / 2);flex-wrap:wrap;display:flex}main #notify form label{flex:18ch;max-inline-size:26ch;margin:0}main #notify form input{max-inline-size:none;padding:calc(var(--unit) / 4) var(--unit);border-radius:999px}main #notify form button{border-radius:999px}@media (width>=60rem) and (height<=960px){main .guides a{align-items:center;gap:calc(var(--unit) / 2);padding-block:calc(var(--unit) / 3);grid-template-columns:auto minmax(0,1fr)}main .guides a small{display:none}body[data-landing] main{gap:calc(var(--unit) / 2)}}@media (width>=60rem) and (height<=860px){main .guides a small{display:none}main .hero h1{font-size:2.6rem}main .paper .days>span{block-size:calc(var(--unit) * 1.15)}main .paper ol time b{font-size:var(--step-1)}main .paper ol li:nth-child(2){display:none}main .paper ol{grid-template-columns:1fr}}@media (width>=60rem) and (height<=760px){main .paper ol,main .paper .hint,main .lead{display:none}main .hero h1{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){main .paper,main .guides a,main .guides a svg,main .guides a b,main a[role=button]{transition:none}main .paper,main .guides a:hover,main .guides a:hover svg,main .guides a:focus-visible svg,main a[role=button]:hover{transform:none}}