.shortcuts-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center;padding-block:64px 72px}
.shortcuts-intro h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.025em;max-inline-size:16ch}
.author{color:var(--ink-soft);font-size:17px;margin-block-end:18px}
.hero-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.hero-results figure:nth-child(2){transform:translateY(-18px)}
.hero-results img{inline-size:100%;block-size:auto;aspect-ratio:4/5;object-fit:contain;border-radius:12px;background:var(--color-bg-alt)}
.hero-results figcaption{text-align:center;font-size:18px;font-weight:700;color:var(--color-primary)}
.use-guide{padding-block:36px 48px;border-block:1px solid var(--line)}
.use-guide h2{margin-block-end:20px}.use-guide ol{padding-inline-start:24px;margin-block:0 20px}.use-guide li{margin-block:8px}
.source-notes{margin-block-start:24px;max-inline-size:78ch}.source-notes summary{font-weight:700}.source-notes p{font-size:18px;margin-block:15px}
.shortcut-library{padding-block:58px}.library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-block-end:28px}
.library-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-block-end:16px}
.search-label{display:grid;gap:8px;flex:1 1 330px;font-size:18px;font-weight:700}.search-label input{inline-size:100%;min-block-size:52px;font:20px Assistant,sans-serif;color:var(--color-text);background:var(--color-bg);border:1px solid var(--line);border-radius:8px;padding:10px 15px}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{min-block-size:48px;font-size:17px;padding:9px 15px;border:1px solid var(--line);border-radius:8px;background:var(--color-bg);color:var(--color-text)}.filters button[aria-pressed=true]{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}
#copy-status{min-block-size:27px;margin-block:7px 14px;color:var(--color-success)}
.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;row-gap:26px}
.shortcut-grid article{min-inline-size:0;padding-block:24px;border-block-start:1px solid var(--line);display:flex;flex-direction:column;scroll-margin-block-start:24px}
.shortcut-grid h2{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:32px;margin-block-end:15px}.shortcut-grid h2 bdi{overflow-wrap:anywhere;text-align:start}.shortcut-number{font:18px Assistant,sans-serif;color:var(--ink-soft)}
.shortcut-grid article>p{font-size:19px;line-height:1.65;margin-block:0 18px}.examples{display:flex;gap:15px;align-items:start;margin-block:auto 20px}.examples figure{flex:1;min-inline-size:0}.examples img{inline-size:100%;block-size:270px;object-fit:contain;background:var(--color-bg-alt);border-radius:8px}.examples figcaption{font-size:15px;text-align:center}
.shortcut-grid article>.note{font-size:17px;color:var(--ink-soft);margin-block:0 18px}.copy-shortcut{align-self:start;min-block-size:46px;padding:7px 16px;border:1px solid var(--color-primary);background:var(--color-bg);color:var(--color-primary);border-radius:8px;font-size:18px;font-weight:700}.copy-shortcut:hover{background:var(--soft)}
[hidden]{display:none!important}
@media(max-width:800px){.shortcuts-intro{grid-template-columns:1fr;gap:42px;padding-block:42px 54px}.shortcuts-intro h1{max-inline-size:20ch}.hero-results{max-inline-size:560px}.shortcut-grid{column-gap:24px}.examples img{block-size:220px}}
@media(max-width:600px){.topbar{gap:14px}.topbar nav{gap:16px;font-size:16px}.shortcut-grid{grid-template-columns:1fr}.library-heading{display:block}.library-heading>a{display:inline-block;margin-block-start:14px}.library-controls{gap:14px}.filters{inline-size:100%}.filters button{flex:1;font-size:16px}.shortcuts-intro .lead{font-size:21px}.hero-results{gap:8px}.hero-results figcaption{font-size:16px}.hero-actions{gap:18px}.examples img{block-size:230px}.shortcut-grid h2{font-size:30px}.source-notes p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}