.day-builder{color:#090909;background:#00c781;padding:100px max(5vw,30px);scroll-margin-top:100px}.day-builder>header{grid-template-columns:1fr .6fr;align-items:end;gap:6vw;display:grid}.day-builder>header p{letter-spacing:.16em;font:900 11px Arial}.day-builder>header h2{text-transform:uppercase;letter-spacing:-.06em;margin:15px 0;font:900 clamp(50px,7vw,94px)/.84 Arial Black,Arial}.day-builder>header>span{font:700 16px/1.5 Arial}.day-builder-controls{grid-template-columns:1.3fr .7fr;gap:25px;margin:45px 0 25px;display:grid}.day-builder fieldset{border:0;padding:0}.day-builder legend{letter-spacing:.12em;margin-bottom:11px;font:900 10px Arial}.day-builder-controls button{text-transform:uppercase;background:0 0;border:2px solid #090909;margin:0 7px 7px 0;padding:12px 14px;font:900 10px Arial}.day-builder-controls button.active{color:#fff;background:#090909;box-shadow:3px 3px #fff}.day-plan{color:#fff;background:#090909;border:3px solid #090909;grid-template-columns:300px 1fr;display:grid}.day-plan>aside{border-right:1px solid #444;flex-direction:column;padding:30px;display:flex}.day-plan>aside>p{color:#00c781;letter-spacing:.14em;font:900 10px Arial}.day-plan>aside h3{text-transform:uppercase;margin:35px 0 12px;font:900 38px/.9 Arial Black,Arial}.day-plan>aside>strong{color:#00c781;text-transform:uppercase}.day-plan>aside>span{margin-top:18px;font:600 14px/1.5 Arial}.day-plan>aside>small{color:#999;margin-top:auto}.day-plan article{grid-template-columns:75px 1fr auto;align-items:center;gap:22px;padding:24px 28px;display:grid}.day-plan article+article{border-top:1px solid #444}.day-plan time{color:#00c781;font:900 20px Arial}.day-plan article small{color:#00c781;letter-spacing:.1em;font:900 9px Arial}.day-plan h4{text-transform:uppercase;margin:5px 0;font:900 22px Arial}.day-plan article b{text-transform:uppercase;font-size:11px}.day-plan article p{color:#aaa;margin:8px 0 0;font-size:13px}.day-plan article a{color:#fff;text-transform:uppercase;border:1px solid #00c781;padding:10px;font:900 9px Arial;text-decoration:none}@media (max-width:850px){.day-builder>header,.day-builder-controls,.day-plan{grid-template-columns:1fr}.day-plan>aside{border-bottom:1px solid #444;border-right:0;min-height:250px}.day-plan article{grid-template-columns:65px 1fr}.day-plan article a{grid-column:2;justify-self:start}}@media (max-width:560px){.day-builder{padding:70px 20px}.day-plan article{grid-template-columns:1fr}.day-plan article a{grid-column:1}.day-plan time{font-size:16px}}
