.tools-intro{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:72px var(--pad) 80px}.tools-intro-copy{position:relative;z-index:1;max-width:900px}.tools-intro h1{font-size:clamp(52px,7vw,100px);line-height:1.06;letter-spacing:-.04em;margin:24px 0}.tools-intro h1 em{color:var(--lime)}.tools-intro p{font-size:17px;color:#c9cac5;max-width:480px}.tools-star{position:absolute;right:5%;top:4%;font:340px/1 Georgia;color:var(--violet);transform:rotate(12deg)}.tool-section{max-width:1440px;margin:auto;padding:64px var(--pad) 80px}.tool-list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px}.tool-list-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.03em}.tool-list-heading>span{font-size:14px;color:#5b5e59}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-card{display:flex;flex-direction:column;padding:32px;border:1px solid var(--ink);border-radius:4px;transition:transform .2s}.tool-card:hover{transform:translateY(-4px)}.tool-card:focus-visible{outline:3px solid var(--violet);outline-offset:6px}.tool-book{background:var(--ink);color:var(--paper)}.tool-browser{background:var(--lime)}.tool-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.tool-tag{border:1px solid currentColor;padding:4px 10px;border-radius:4px;font-size:12px}.tool-art{height:240px;display:flex;align-items:center;justify-content:center}.tool-art .book-cover{height:185px;width:145px}.browser-window{width:210px;height:140px;border:2px solid var(--ink);border-radius:4px;background:var(--paper);transform:rotate(-5deg);box-shadow:10px 10px 0 var(--ink)}.browser-bar{display:flex;gap:5px;padding:10px;border-bottom:2px solid var(--ink)}.browser-bar i{width:6px;height:6px;border-radius:50%;background:var(--ink)}.browser-window>span{display:block;text-align:center;font:80px/1.2 Georgia}.tool-copy h3{font-size:36px;letter-spacing:-.03em}.tool-copy p{font-size:16px;margin-top:12px;margin-bottom:28px;max-width:480px}.tool-action{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid currentColor;font-size:14px;font-weight:600}.tool-book .tool-action{color:var(--lime)}[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.tools-star{font-size:260px;right:-100px;opacity:.55}.tool-card{padding:24px}}
@media(max-width:700px){.tools-intro{padding:48px var(--pad) 56px}.tools-intro h1{font-size:clamp(40px,9.8vw,64px)}.tools-intro p{font-size:16px;max-width:320px}.tools-star{font-size:180px;top:auto;bottom:-80px;right:-80px}.tool-section{padding-top:40px;padding-bottom:48px}.tool-list-heading{display:block}.tool-list-heading>span{display:block;margin-top:16px}.tool-grid{grid-template-columns:1fr}.tool-meta{font-size:12px}.tool-tag{font-size:11px;padding:4px 8px}.tool-copy h3{font-size:30px}.tool-art{height:220px}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}}

.tool-snippet{background:#dedbd2}.snippet-paper{position:relative;background:#f9f6e9;padding:38px 32px;transform:rotate(-5deg);box-shadow:5px 10px 0 #20282015;font:23px Georgia}.snippet-paper:before{content:"";position:absolute;top:-12px;left:45px;width:100px;height:28px;background:#cdbb86c9;transform:rotate(3deg)}.snippet-paper em{display:block;font-size:35px}.snippet-paper small{display:block;font:8px Arial;letter-spacing:1px;margin-top:20px}