:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263226;background:#f4f2eb;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid #547740;outline-offset:5px}.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px 18px;background:#fff;border-radius:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.top{width:min(1120px,90%);max-width:none;margin:auto;padding:0;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #26322622}.top a{text-decoration:none}.top .brand{font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap;padding:12px 0}.brand span{font-weight:400;color:#697263}.top nav{display:flex;align-items:center;gap:5px}.top nav a{display:flex;align-items:center;min-height:42px;padding:10px 13px;border-radius:8px;font-size:12px;white-space:nowrap}.top nav a:hover{background:#e6eadf}.top nav a[aria-current=page]{background:#e2e8d8;color:#3f5a31}.tools-main{width:min(1120px,90%);margin:auto;padding:64px 0}.tools-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.tools-heading .eyebrow{font:10px/1.7 ui-monospace,monospace;letter-spacing:.12em;color:#6b7960}.tools-heading h1{font-size:clamp(44px,5vw,66px);line-height:1.05;letter-spacing:-.06em;font-weight:550;margin:20px 0 0}.tools-heading h1 em{font-family:Georgia,serif;font-weight:400;color:#4d7142}.tools-heading>p{font-size:14px;line-height:1.8;color:#627058;margin:0 0 5px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-card{min-width:0;border:1px solid #d0d8c5;border-radius:20px;overflow:hidden;background:#fbfcf7;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.tool-card:hover{transform:translateY(-4px);border-color:#9caf87;box-shadow:0 12px 25px #3b4d3210}.tool-art{position:relative;height:200px;background:#e5ecd9;overflow:hidden}.viewer-tool{border-color:#d8d0e0}.viewer-tool .tool-art{background:#ede6f1}.tool-art svg{width:100%;height:100%;padding:14px 20px}.tool-category{position:absolute;top:18px;left:22px;font:9px/1.5 ui-monospace,monospace;color:#738269}.viewer-tool .tool-category{color:#927c9e}.tool-copy{padding:26px 28px;display:flex;flex-direction:column;flex:1}.tool-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;font:9px/1.5 ui-monospace,monospace;letter-spacing:.05em;color:#6c7e5d}.tool-meta>span:last-child{padding:4px 8px;border:1px solid #d9e1cd;border-radius:5px;font-family:inherit;letter-spacing:0}.viewer-tool .tool-meta{color:#856f92}.tool-card h2{font-size:28px;font-weight:550;letter-spacing:-1px;margin:22px 0 12px;line-height:1.2}.tool-card p{font-size:14px;line-height:1.7;color:#66735e;margin:0 0 25px;max-width:370px}.tool-go{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #dce2d4;font-size:13px;font-weight:650}.tool-go>span{font-size:23px}.tools-footnote{font-size:11px;color:#77816e;line-height:1.7;margin:25px 0 0}footer{width:min(1120px,90%);max-width:none;margin:auto;padding:22px 0 30px;border-top:1px solid #26322622;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#697561}footer a{padding:12px 0;text-decoration:none}.page-context{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px;font-size:12px;color:#69775e}.page-context a{padding:8px 0;text-decoration:none}.page-context>span{font:9px/1.5 ui-monospace,monospace;letter-spacing:.08em}.viewer-page .compact{width:min(720px,90%);padding:38px 0 65px;min-height:calc(100svh - 174px)}.viewer-page .workspace{box-shadow:none;padding:32px;border-radius:18px}.viewer-page .compact h1{margin-bottom:12px;font-size:32px;color:#263226}.viewer-intro{font-size:14px;line-height:1.7;margin:0 0 26px;color:#66735e}.viewer-page .hint{line-height:1.8}.viewer-page .privacy summary{padding:6px 0;min-height:44px}.viewer-page .primary{background:#d0e696}.viewer-page .input-wrap{border-color:#c4cfb8}.viewer-page .compact .primary{margin-top:14px}.viewer-page .result-actions a,.viewer-page .result-actions button{min-height:44px}
@media(max-width:650px){.top{flex-wrap:wrap;gap:0;min-height:94px;padding:12px 0}.top .brand{font-size:21px}.top nav{gap:2px}.top nav a{font-size:11px;padding:9px}.tools-main{padding:38px 0}.tools-heading{display:block;margin-bottom:28px}.tools-heading h1{font-size:49px}.tools-heading>p{font-size:13px;margin-top:20px}.tools-grid{grid-template-columns:1fr;gap:20px}.tool-art{height:155px}.tool-copy{padding:22px}.tool-card h2{font-size:26px;margin-top:18px}.tool-card p{font-size:13px;margin-bottom:20px}.viewer-page .workspace{padding:22px}.viewer-page .compact h1{font-size:28px}.viewer-page .compact{padding-top:22px}.page-context>span{font-size:8px}.page-context{font-size:11px;margin-bottom:15px}}
@media(max-width:410px){.top nav{width:100%;justify-content:space-between}.top nav a{padding:9px 12px}.tools-home .top nav{width:auto}.tools-home .top nav a{font-size:10px;padding:8px}.tools-home .top nav a:first-child{display:none}.tools-home .top{min-height:76px}.tool-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tool-card{transition:none}.tool-card:hover{transform:none}}
/* Compact mobile tool rows; desktop cards retain their illustration panels. */
@media(max-width:650px){
  .tools-home .tools-grid{gap:12px}
  .tools-home .tool-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px;border-radius:16px;align-items:start}
  .tools-home .tool-art{width:64px;height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-top:2px}
  .tools-home .tool-art svg{width:104px;height:72px;max-width:none;flex:none;padding:0}
  .tools-home .tool-category,.tools-home .tool-meta{display:none}
  .tools-home .tool-copy{padding:0;min-width:0;gap:8px}
  .tools-home .tool-card h2{font-size:21px;line-height:1.16;letter-spacing:-.6px;margin:0}
  .tools-home .tool-card p{font-size:12px;line-height:1.5;margin:0;max-width:none}
  .tools-home .tool-go{font-size:12px;line-height:1.4;min-height:28px;padding:0;border:0;margin-top:2px;gap:10px}
  .tools-home .tool-go>span{font-size:19px}
}