.tools-hero{background:var(--cyan);border-bottom:var(--border);padding:6rem 0;overflow:hidden}.tools-hero-grid{grid-template-columns:1fr 300px;align-items:center;gap:4rem;display:grid}.tools-hero h1{font:clamp(3.2rem, 7vw, 6.8rem)/.94 var(--font-display);text-transform:uppercase;letter-spacing:-.04em;max-width:12ch}.tools-hero h1 span{background:var(--yellow);box-decoration-break:clone;padding:0 .08em}.tools-hero p{max-width:62ch;margin-top:2rem;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600}.tools-sticker{background:var(--pink);color:var(--black);border:var(--border);box-shadow:var(--shadow);font:2rem/1.05 var(--font-display);text-align:center;padding:2.4rem 1.5rem;transform:rotate(5deg)}.tool-directory{padding:4.5rem 0}.directory-label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.2rem;font-weight:800}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.tool-card{border:var(--border);min-height:300px;box-shadow:var(--shadow);grid-template-columns:1fr auto;align-content:start;padding:1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.tool-card:hover{box-shadow:11px 11px 0 var(--black);transform:translate(-4px,-4px)}.tool-card--yellow{background:var(--yellow)}.tool-card--purple{background:var(--purple)}.tool-card-icon{border:var(--border);background:#fff;place-items:center;width:62px;height:62px;display:grid}.tool-card .read-time{background:var(--black);color:#fff;border:2px solid var(--black);letter-spacing:.08em;text-transform:uppercase;place-self:start end;padding:.3rem .65rem;font-size:.72rem;font-weight:900;line-height:1;transform:rotate(2deg);box-shadow:3px 3px #fffc}.tool-card h2,.tool-card p,.tool-card strong{grid-column:1/-1}.tool-card h2{font:2rem var(--font-display);text-transform:uppercase;margin-top:2rem}.tool-card p{max-width:45ch;margin:.5rem 0 1.4rem}.tool-card strong{text-underline-offset:5px;margin-top:auto;text-decoration:underline 3px}.recipe-section{background:var(--lime);border-block:var(--border);padding:5rem 0 6rem;scroll-margin-top:75px}.recipe-heading{max-width:760px;margin-bottom:2.5rem}.recipe-heading h2{font:clamp(3rem, 6vw, 5.5rem)/1 var(--font-display);text-transform:uppercase}.recipe-heading h2 span{color:var(--pink);-webkit-text-stroke:2px var(--black)}.recipe-heading p{margin-top:1rem;font-size:1.2rem;font-weight:600}.recipe-app{border:var(--border);box-shadow:12px 12px 0 var(--black);background:#fff;grid-template-columns:340px minmax(0,1fr);min-height:680px;display:grid}.recipe-controls{border-right:var(--border);background:var(--cream);padding:1.5rem}.recipe-controls form{gap:1.1rem;display:grid}.recipe-controls label,.recipe-controls legend{font-weight:800}.recipe-controls textarea,.adapt-form input{width:100%;font:inherit;border:var(--border);resize:vertical;background:#fff;padding:.8rem}.recipe-controls textarea:focus,.adapt-form input:focus{outline:4px solid var(--cyan);outline-offset:2px}.recipe-controls fieldset{border:0}.people-picker{border:var(--border);background:#fff;grid-template-columns:46px 1fr 46px;align-items:center;margin-top:.5rem;display:grid}.people-picker button{background:var(--yellow);height:46px;font:1.6rem var(--font-display);cursor:pointer;border:0}.people-picker button:first-child{border-right:var(--border)}.people-picker button:last-child{border-left:var(--border)}.people-picker output{text-align:center;font:1.35rem var(--font-display)}.recipe-submit{cursor:pointer;width:100%}.recipe-submit:disabled{opacity:.55;cursor:wait}.saved-panel{border-top:3px dashed var(--black);margin-top:2rem;padding-top:1.4rem}.saved-panel h3{font:1rem var(--font-display);text-transform:uppercase;margin-bottom:.8rem}.saved-empty{opacity:.65;font-size:.9rem}.saved-recipe{border:2px solid var(--black);background:#fff;margin-bottom:.55rem;display:flex}.saved-recipe button{text-align:left;cursor:pointer;background:0 0;border:0;padding:.65rem}.saved-recipe button:first-child{flex:1;min-width:0}.saved-recipe strong,.saved-recipe span{display:block}.saved-recipe strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.saved-recipe span{font-size:.75rem}.saved-delete{font-size:1.35rem}.recipe-result{min-width:0}.recipe-empty,.recipe-loading,.recipe-error{text-align:center;place-content:center;min-height:680px;padding:2rem;display:grid}.recipe-empty>span,.recipe-loading>span{font-size:4.5rem}.recipe-empty h3,.recipe-loading h3,.recipe-error h3{font:clamp(1.6rem,3vw,2.3rem)/1.1 var(--font-display);text-transform:uppercase;max-width:18ch;margin:1rem auto .5rem}.recipe-loading>span{animation:2s linear infinite spin}.recipe-paper{background:#fff}.recipe-paper header{background:var(--yellow);border-bottom:var(--border);padding:2.25rem 2.4rem;position:relative;overflow:hidden}.recipe-paper header:after{content:"✦";font:7rem/1 var(--font-display);opacity:.12;position:absolute;top:.5rem;right:1.5rem;transform:rotate(12deg)}.recipe-paper header>span{letter-spacing:.15em;font-size:.75rem;font-weight:900}.recipe-paper h3{font:clamp(2.2rem,4vw,3.9rem)/.96 var(--font-display);text-transform:uppercase;z-index:1;max-width:15ch;margin:.5rem 0 1rem;position:relative}.recipe-paper header p{z-index:1;max-width:58ch;font-size:1.05rem;font-weight:600;position:relative}.recipe-meta{z-index:1;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem;display:flex;position:relative}.recipe-meta b{border:2px solid var(--black);box-shadow:2px 2px 0 var(--black);text-transform:uppercase;background:#fff;padding:.32rem .7rem;font-size:.82rem}.adapt-form{grid-template-columns:1fr auto;margin:1.5rem 2rem;display:grid}.adapt-form button{border:var(--border);background:var(--cyan);cursor:pointer;border-left:0;padding:0 1rem;font-weight:900}.recipe-message{background:var(--lime);border:2px solid var(--black);margin:0 2rem 1rem;padding:.5rem .8rem;font-weight:700}.recipe-columns{grid-template-columns:minmax(240px,.78fr) minmax(300px,1.22fr);gap:2.75rem;padding:1.25rem 2.4rem 2.4rem;display:grid}.recipe-columns h4,.recipe-notes h4{font:1.3rem var(--font-display);text-transform:uppercase;background:var(--pink);border:2px solid var(--black);margin-bottom:1rem;padding:.18rem .45rem;display:inline-block;transform:rotate(-1deg)}.recipe-columns ul{list-style:none}.recipe-columns ul li{border-bottom:2px dotted #14141438;grid-template-columns:minmax(76px,auto) 1fr;align-items:baseline;gap:.75rem;padding:.65rem 0;display:grid}.recipe-columns ul li b{font-size:.9rem}.recipe-columns ol{counter-reset:steps;gap:1rem;padding:0;list-style:none;display:grid}.recipe-columns ol li{counter-increment:steps;grid-template-columns:34px 1fr;align-items:start;gap:.85rem;line-height:1.55;display:grid}.recipe-columns ol li:before{content:counter(steps);border:2px solid var(--black);background:var(--cyan);width:32px;height:32px;box-shadow:2px 2px 0 var(--black);border-radius:50%;place-items:center;font-weight:900;display:grid}.recipe-notes{border:var(--border);box-shadow:var(--shadow-sm);background:#dffbfc;margin:0 2.4rem 2.4rem;padding:1.25rem 1.4rem}.recipe-notes h4{background:var(--cyan)}.recipe-notes p+p{margin-top:.55rem}.recipe-paper footer{border-top:var(--border);background:var(--cream);flex-wrap:wrap;gap:.8rem;padding:1.5rem 2.4rem 2.4rem;display:flex}.recipe-paper footer button{cursor:pointer}.recipe-fineprint{max-width:80ch;margin-top:1.4rem;font-size:.8rem}@media (width<=1050px){.tools-hero-grid{grid-template-columns:1fr}.tools-sticker{width:260px}.recipe-app{grid-template-columns:1fr}.recipe-controls{border-right:0;border-bottom:var(--border)}}@media (width<=650px){.tools-hero{padding:4rem 0}.tool-card-grid,.recipe-columns{grid-template-columns:1fr}.tool-card{min-height:270px}.recipe-app{box-shadow:7px 7px 0 var(--black)}.adapt-form{grid-template-columns:1fr;margin-inline:1rem}.adapt-form button{border-left:var(--border);border-top:0;min-height:48px}.recipe-paper header,.recipe-columns{padding-inline:1rem}.recipe-notes{margin-inline:1rem}}