.home{word-break:keep-all;flex-direction:column;display:flex}.topbar-sub{color:var(--muted);font-size:14px}.home-main{width:100%;max-width:960px;padding:var(--space-7) var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;margin:0 auto;display:flex}.home-title{letter-spacing:-.02em;margin:0;font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.25}.home-lede{margin:0 0 var(--space-4);max-width:40em;color:var(--muted);font-size:16px}.tool-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.tool-card{gap:var(--space-3);min-height:var(--target);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:inherit;flex-direction:column;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--field-line)}.tool-card:hover .tool-arrow{transform:translate(2px)}.tool-head{align-items:center;gap:var(--space-2);display:flex}.tool-title{font-size:18px;font-weight:700}.tool-arrow{color:var(--muted);margin-left:auto;transition:transform .15s}.tool-body{color:var(--muted)}.thumb{border-radius:var(--radius);background:var(--ed-chrome);place-items:center;height:140px;display:grid}.thumb-sheet{flex-direction:column;justify-content:center;gap:9px;padding:0 16px;display:flex}.thumb-sheet i{border-radius:4px;height:7px;display:block}.thumb--slides .thumb-sheet{aspect-ratio:16/9;background:#1a1a1a;align-items:center;width:176px}.thumb--slides i{background:#faf9f6;width:70%}.thumb--slides i:nth-child(2){background:#ffd43b;width:55%;height:12px}.thumb--slides i:nth-child(3){width:40%}.thumb--worksheet .thumb-sheet{aspect-ratio:210/297;outline:1px solid var(--field-line);background:#fff;gap:7px;width:92px;padding:0 10px;position:relative}.thumb--worksheet .thumb-sheet:after{content:"";background:#e3e4e7;width:34%;position:absolute;inset:0 0 0 auto}.thumb--worksheet i{background:#1a1a1a;width:58%;height:5px}.thumb--worksheet i:nth-child(2){background:#ffd43b}.home-footer{align-items:center;gap:0 var(--space-4);padding:var(--space-2) var(--space-4) var(--space-4);width:100%;max-width:960px;color:var(--muted);flex-wrap:wrap;margin:0 auto;font-size:13px;display:flex}.home-footer a{min-height:var(--target);color:inherit;align-items:center;display:inline-flex}
