.journal-tools-wrapper{background-color:#fdfbf7;background-image:radial-gradient(#e5e0d8 1px,transparent 1px);background-size:24px 24px;min-height:100vh;padding-bottom:5rem}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.tools-hero-section{padding:2rem 0 1rem}.notebook-tools-hero{background:#fff;border:2px solid #2d2d2d;box-shadow:6px 6px #2d2d2d;border-radius:16px;padding:2.25rem;position:relative;margin-top:.5rem}.hero-tape-strip{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1deg);width:140px;height:26px;background:#ffffffd9;border:1px dashed rgba(45,45,45,.4);box-shadow:0 1px 4px #00000014}.hero-pin{position:absolute;top:14px;left:14px;width:16px;height:16px;background:#ff4d4d;border:2px solid #2d2d2d;border-radius:50%;box-shadow:1px 1px #2d2d2d}.hero-postmark-tag{display:inline-block;background:#fff9c4;border:1.5px solid #2d2d2d;box-shadow:2px 2px #2d2d2d;padding:.25rem .75rem;border-radius:6px;font-family:Patrick Hand,cursive;font-size:.95rem;font-weight:700;color:#2d2d2d;margin-bottom:.85rem}.hero-kalam-title{font-family:Kalam,cursive;font-size:2.4rem;font-weight:700;line-height:1.2;color:#2d2d2d;margin:0 0 .75rem}@media(min-width:768px){.hero-kalam-title{font-size:3.15rem}}.hero-hand-desc{font-family:Patrick Hand,cursive;font-size:1.25rem;color:#4b5563;line-height:1.5;margin:0 0 1.5rem;max-width:780px}.category-jump-pills{display:flex;flex-wrap:wrap;gap:.6rem}.sticky-jump-btn{display:inline-flex;align-items:center;gap:.35rem;background:#fdfbf7;border:2px solid #2d2d2d;box-shadow:3px 3px #2d2d2d;border-radius:8px;padding:.45rem .9rem;font-family:Patrick Hand,cursive;font-size:1.05rem;font-weight:700;color:#2d2d2d;text-decoration:none;transition:all .15s ease}.sticky-jump-btn:hover{background:#2d5da1;color:#fff;transform:translate(2px,2px);box-shadow:1px 1px #2d2d2d}.directory-content{padding:3rem 1.5rem 0}.tools-category-section{margin-bottom:4rem}.category-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.cat-title-group{display:flex;align-items:center;gap:.75rem}.cat-number-stamp{background:#fff9c4;border:1.5px solid #2d2d2d;box-shadow:2px 2px #2d2d2d;font-family:Kalam,cursive;font-weight:700;font-size:1rem;padding:.2rem .6rem;border-radius:6px;color:#2d2d2d}.cat-kalam-title{font-family:Kalam,cursive;font-size:1.85rem;font-weight:700;color:#2d2d2d;margin:0}.cat-count-postit{background:#fff;border:1.5px solid #2d2d2d;box-shadow:2px 2px #2d2d2d;font-family:Patrick Hand,cursive;font-size:.95rem;font-weight:700;padding:.2rem .65rem;border-radius:6px;color:#64748b}.cat-pencil-line{width:100%;height:2px;background:#2d2d2d;margin-bottom:1.75rem}.tools-postcard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.tools-postcard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-postcard-grid{grid-template-columns:repeat(3,1fr)}}.tool-postcard-card{background:#fff;border:2px solid #2d2d2d;box-shadow:4px 4px #2d2d2d;border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:transform .15s ease,box-shadow .15s ease}.tool-postcard-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #2d2d2d}.card-pin{position:absolute;top:8px;right:10px;width:12px;height:12px;background:#ff4d4d;border:2px solid #2d2d2d;border-radius:50%;box-shadow:1px 1px #2d2d2d}.card-head-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tool-icon-frame{width:48px;height:48px;border:2px dashed #2d2d2d;border-radius:10px;background:#fdfbf7;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.tool-postit-badge{background:#fff9c4;color:#2d2d2d;border:1.5px solid #2d2d2d;box-shadow:2px 2px #2d2d2d;font-family:Patrick Hand,cursive;font-size:.85rem;font-weight:700;padding:.15rem .55rem;border-radius:4px}.card-main-body{flex-grow:1;margin-bottom:1.25rem}.tool-name{font-family:Kalam,cursive;font-size:1.25rem;font-weight:700;line-height:1.3;color:#2d2d2d;margin:0 0 .5rem}.tool-name a{color:#2d2d2d;text-decoration:none;transition:color .15s ease}.tool-name a:hover{color:#2d5da1;text-decoration:underline;text-decoration-style:dashed}.tool-desc{font-family:Patrick Hand,cursive;font-size:1rem;color:#4b5563;line-height:1.45;margin:0}.card-bottom-action{margin-top:auto;padding-top:.75rem;border-top:1.5px dashed #e5e0d8}.tool-open-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;background:#fdfbf7;color:#2d2d2d;border:2px solid #2d2d2d;box-shadow:3px 3px #2d2d2d;border-radius:8px;padding:.5rem 1rem;font-family:Patrick Hand,cursive;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .15s ease}.tool-open-btn:hover{background:#ff4d4d;color:#fff;transform:translate(2px,2px);box-shadow:1px 1px #2d2d2d}