/* Two paper notes approved for the top of the continuous homepage sheet. */
.home-paper .home-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;margin:-10px -25px 3px -42px;position:relative;z-index:1}
.home-paper .home-utilities + .hero.hero-colorful:has(.hero-desk){padding-top:0}
.home-utility-card{--note-accent:#a85bd0;position:relative;isolation:isolate;display:grid;grid-template-columns:102px minmax(0,1fr);gap:19px;align-items:center;padding:18px 23px 18px 15px;min-width:0;filter:drop-shadow(0 4px 3px #5442292b)}
.home-utility-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:14px 17px 15px 13px;background-color:#fff8eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='150'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23b68a4b' opacity='.09' filter='url(%23paper)' d='M0 0h200v150H0z'/%3E%3C/svg%3E"),linear-gradient(120deg,#fffdf8b3,#f6e7cd38);clip-path:polygon(1% 2%,3% 1%,5% 2%,7% 0,10% 1%,13% 0,16% 1%,20% 0,25% 1%,30% 0,36% 1%,43% 0,51% 1%,60% 0,68% 1%,76% 0,83% 1%,90% 0,96% 2%,99% 5%,100% 14%,99.6% 25%,100% 39%,99.7% 55%,100% 71%,99.5% 88%,99% 97%,95% 99%,89% 98%,82% 100%,75% 99%,69% 100%,60% 99%,51% 100%,42% 99%,35% 100%,27% 99%,21% 100%,15% 99%,9% 100%,4% 98%,1% 99%,0 92%,.5% 79%,0 64%,.5% 51%,0 37%,.5% 24%,0 12%)}
.home-utility-card--tools{--note-accent:#00b8c6}
.home-utility-art{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--note-accent);padding-right:12px;align-self:stretch;min-height:96px}
.home-utility-art img{display:block;width:90px;height:90px;max-width:100%}
.home-utility-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.home-paper .home-utility-copy h2{display:inline-block;position:relative;margin:0 0 12px;padding:0 0 4px;font:700 1.8rem/1.15 "Audrey Notes",cursive;color:#10213e}
.home-utility-copy h2:after{content:"";position:absolute;left:-2px;right:-12px;bottom:0;height:3px;border-radius:45%;background:var(--note-accent);transform:rotate(-2deg)}
.home-paper .home-utility-copy p{margin:0;font-size:.94rem;line-height:1.5;color:#10213e}
.home-utility-copy .home-utility-status{margin:5px 0 0;color:#007e88;font-size:.76rem;font-weight:700}
.home-utility-link{position:relative;align-self:flex-end;margin-top:7px;padding:2px 1px 4px;color:#6505b5;font:700 1.15rem/1.2 "Audrey Notes",cursive;text-decoration:none;white-space:normal;text-align:right}
.home-utility-card--tools .home-utility-link{color:#007e88}
.home-utility-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--note-accent);border-radius:50%;transform:rotate(-2deg)}
.home-utility-link:hover{color:#10213e}
.home-utility-link:focus-visible{outline:3px solid #6505b5;outline-offset:5px;border-radius:3px}
.tools-page{box-sizing:border-box;width:min(1120px,calc(100% - 40px));margin:30px auto 55px;padding:30px;background:#fffdf6;border:1px solid #ded4c0;box-shadow:0 6px 25px #10213e12}
.tools-page h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 14px}
.tools-page>p{max-width:780px;line-height:1.7}
.tools-page a{color:#6505b5;text-underline-offset:4px}
.tools-page a:hover{color:#007e88}
.tools-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0}
.tools-preview{padding:24px;border:1px solid #ded4c0;border-left:3px solid #00b8c6;background:#fffaf0;border-radius:4px}
.tools-preview h2{font:700 1.6rem/1.3 "Audrey Notes",cursive;margin:12px 0}
.tools-preview .tools-state{display:inline-block;padding:4px 10px;background:#eee2f6;color:#6505b5;font-size:.8rem;font-weight:700;border-radius:3px}
.tools-preview p{line-height:1.7;margin-bottom:0}
@media(max-width:1100px){.home-utility-card{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:18px}.home-utility-art{padding-right:10px}.home-utility-art img{height:74px}.home-paper .home-utility-copy h2{font-size:1.65rem}.home-paper .home-utility-copy p{font-size:.87rem}}
@media(max-width:800px){.home-paper .home-utilities{grid-template-columns:1fr;gap:16px;margin:-8px -8px 8px -12px}.home-utility-card{grid-template-columns:76px minmax(0,1fr);padding:18px 21px 18px 12px}.home-utility-art{min-height:90px}.home-paper .home-utility-copy p{font-size:.9rem}.tools-previews{grid-template-columns:1fr}.tools-page{padding:24px 20px}}
@media(max-width:400px){.home-utility-card{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:16px 15px 16px 8px}.home-utility-art{padding-right:8px}.home-utility-art img{height:64px}.home-paper .home-utility-copy h2{font-size:1.55rem}.home-utility-link{font-size:1.08rem}}
