.home-nav { display:flex; align-items:center; gap:28px; font-size:14px; }
.home-nav a { color:var(--ink-soft); text-decoration:none; padding:12px 0; }
.home-nav a:hover, .home-nav a[aria-current="page"] { color:var(--ink-deep); }
.home-nav a[aria-current="page"] { box-shadow:inset 0 -2px var(--accent); }
.header-action { color:var(--ink); text-decoration:none; font-size:13px; }
.header-action span { margin-left:16px; }
.home-page .eyebrow { letter-spacing:.12em; }
.home-page .button { display:inline-flex; align-items:center; justify-content:center; gap:22px; text-decoration:none; min-height:47px; border-radius:10px; }
.text-link,.text-button { color:var(--accent); font-size:14px; line-height:1.6; text-underline-offset:5px; }
.text-button { min-height:44px; padding:9px 0; border:0; background:none; text-decoration:underline; }
.home-hero { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:65px 0 55px; }
.hero-copy h1 { margin:0; font-size:clamp(48px,4.8vw,56px); font-weight:600; line-height:1.2; letter-spacing:-.035em; }
.hero-copy h1 span { color:var(--accent); position:relative; }
.hero-description { font-size:17px; line-height:1.9; margin:23px 0 10px; }
.hero-secondary { color:var(--ink-soft); font-size:14px; line-height:1.9; margin:10px 0 23px; }
.hero-search { display:flex; align-items:center; background:var(--surface); border:1px solid #8A9099; padding:8px 14px; max-width:480px; border-radius:10px; }
.hero-search:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px rgba(36,95,199,.18); }
.hero-search .search-symbol { flex-shrink:0; width:14px; height:14px; margin-right:12px; }
.hero-search .search-symbol::after { margin-top:10px; margin-left:10px; }
.hero-search input { min-width:0; flex:1; min-height:44px; padding:9px 0; border:0; outline:0; background:transparent; font-size:16px; color:var(--ink); }
.hero-search input::placeholder { color:var(--ink-soft); }
.hero-search button { min-height:44px; padding:8px 0 8px 15px; color:var(--accent); background:none; border:0; font-size:14px; white-space:nowrap; }
.hero-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-top:22px; }
.hero-shelf { position:relative; min-height:425px; background:var(--paper-deep); border:1px solid var(--line); border-radius:16px; padding:28px; overflow:hidden; }
.shelf-heading { display:flex; justify-content:space-between; gap:10px; font-size:10px; color:var(--ink-soft); }
.shelf-heading small { font-size:8px; }
.shelf-book { display:flex; flex-direction:column; position:absolute; width:166px; height:253px; padding:22px 24px; border:1px solid #D7DEE8; border-radius:10px; text-decoration:none; box-shadow:0 6px 18px rgba(32,33,36,.08); }
.shelf-book:hover { z-index:2; border-color:var(--accent); }
.shelf-office { left:28px; top:99px; transform:rotate(-2deg); background:#FFFFFF; color:var(--ink); }
.shelf-study { left:calc(50% - 80px); top:83px; transform:rotate(0); background:#EAF0F9; color:var(--ink); }
.shelf-ai { right:24px; top:113px; transform:rotate(2deg); background:#F0F3F7; color:var(--ink); }
.book-small { font-size:7px; letter-spacing:.14em; }
.shelf-book strong { font-size:34px; line-height:1.4; font-weight:500; margin-top:19px; }
.book-rule { height:1px; background:currentColor; opacity:.35; margin:16px 0; }
.shelf-book small { font-size:8px; line-height:1.8; }
.shelf-book b { font-size:9px; margin-top:auto; font-weight:500; }
.book-corner { display:none; }
.shelf-caption { display:flex; justify-content:space-between; position:absolute; bottom:23px; left:28px; right:28px; gap:12px; font-size:9px; color:var(--ink-soft); }
.shelf-caption a { color:var(--ink); text-decoration:none; }
.catalog-overview { display:flex; align-items:center; gap:45px; padding:23px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.catalog-overview p { margin:0; display:flex; align-items:baseline; gap:10px; }
.catalog-overview strong { font-size:19px; font-weight:500; }
.catalog-overview span { font-size:11px; color:var(--ink-soft); }
.catalog-overview > a { margin-left:auto; color:var(--ink); font-size:12px; text-decoration:none; }
.home-section { padding:62px 0; border-bottom:1px solid var(--line); scroll-margin-top:22px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:27px; }
.section-heading .eyebrow { margin-bottom:12px; }
.section-heading h2,.access-section h2,.faq-section h2 { font-size:clamp(24px,2.3vw,31px); line-height:1.5; margin:0; font-weight:600; letter-spacing:-.03em; }
.section-heading > p { font-size:14px; line-height:1.8; color:var(--ink-soft); margin:0 0 5px; }
.preview-filters { display:flex; gap:24px; flex-wrap:wrap; border-bottom:1px solid var(--line); margin-bottom:25px; }
.preview-filters button { border:0; background:none; color:var(--ink-soft); font-size:14px; min-height:44px; padding:0 0 14px; }
.preview-filters button[aria-pressed="true"] { color:var(--ink); box-shadow:inset 0 -2px var(--ink); }
.preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.home-resource { background:var(--surface); border:1px solid var(--line); border-radius:16px; overflow:hidden; min-width:0; }
.resource-cover { height:172px; background:var(--paper-deep); position:relative; padding:19px 28px; display:flex; align-items:center; justify-content:center; text-decoration:none; color:var(--ink); }
.cover-paper { width:167px; height:140px; background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:15px 17px; transform:rotate(-2deg); box-shadow:0 4px 12px rgba(32,33,36,.06); }
.cover-paper small { font-size:8px; color:var(--ink-soft); }
.cover-paper strong { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px; font-size:14px; font-weight:500; line-height:1.7; overflow-wrap:anywhere; }
.cover-paper::after { content:""; height:2px; width:24px; background:var(--accent); display:block; margin-top:10px; }
.resource-cover::after { content:"↗"; position:absolute; right:18px; bottom:14px; font-size:15px; opacity:.5; }
.cover-business,.cover-tools { background:#EEF2F8; } .cover-education,.cover-children { background:#F1F4F8; } .cover-tech { background:#EAF0F9; } .cover-design,.cover-media { background:#F0F2F6; } .cover-books,.cover-other { background:#F3F5F7; }
.resource-body { padding:20px; }
.resource-meta { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:var(--ink-soft); }
.resource-body h3 { font-size:18px; font-weight:600; line-height:1.5; margin:12px 0 8px; min-height:54px; }
.resource-body h3 a { color:var(--ink); text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.resource-body > p { font-size:14px; line-height:1.7; color:var(--ink-soft); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:8px 0 17px; min-height:48px; overflow-wrap:anywhere; }
.resource-actions { display:flex; gap:12px; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:15px; }
.home-page .save-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:14px; padding:8px 12px; color:#FFFFFF; background:var(--ink); text-decoration:none; border-radius:10px; white-space:nowrap; }
.home-page .copy-link { min-height:44px; border:0; background:none; color:var(--accent); padding:8px 4px; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.preview-status { padding:30px 0; margin:0; font-size:13px; color:var(--ink-soft); line-height:1.8; }
.preview-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:20px; align-items:center; }
.preview-bottom p { font-size:11px; color:var(--ink-soft); margin:0; }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.collection-card { display:block; color:inherit; text-decoration:none; border:1px solid var(--line); border-radius:16px; background:var(--surface); overflow:hidden; transition:border-color .2s; }
.collection-card:hover { border-color:#C9D0DA; }
.collection-cover { height:200px; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; border-bottom:1px solid var(--line); }
.collection-office .collection-cover { background:#EEF2F8; }.collection-study .collection-cover { background:#F1F4F8; }.collection-ai .collection-cover { background:#EAF0F9; }
.template-sheet { padding:17px; width:134px; height:159px; background:var(--surface); border:1px solid var(--line); border-radius:6px; transform:rotate(-2deg); }
.template-sheet span,.template-table span { font-size:10px; }
.template-sheet i { display:block; width:100%; height:7px; background:#D8E0EB; margin-top:13px; }
.template-sheet i:first-of-type { width:42%; height:13px; }.template-sheet i:last-child { width:70%; }
.template-table { width:136px; padding:17px; background:#F7F9FC; border:1px solid var(--line); border-radius:6px; margin-left:-17px; transform:rotate(2deg); }
.template-table b { display:block; height:13px; border:1px solid #CBD4E0; border-bottom:0; }.template-table b:first-of-type { margin-top:14px; background:#E4EAF3; }.template-table b:last-child { border-bottom:1px solid #CBD4E0; }
.study-sheet { background:#E9EFF8; border:1px solid #D7E0ED; border-radius:6px; padding:17px; width:141px; height:155px; transform:rotate(-2deg); }.study-sheet span { font-size:9px; }.study-sheet strong { display:block; font-size:24px; font-weight:500; line-height:1.5; margin-top:10px; }.study-sheet i { display:block; width:80%; height:1px; background:#A9BBD4; margin-top:9px; }
.study-note { background:var(--surface); width:145px; padding:19px; border:1px solid var(--line); border-radius:6px; margin-left:-24px; transform:rotate(2deg); }.study-note span { font-size:10px; }.study-note b { display:block; font-size:9px; margin-top:18px; font-weight:400; }
.prompt-sheet { background:#DDE8F8; color:var(--ink); border-radius:6px; padding:17px 22px; width:171px; height:152px; transform:rotate(2deg); box-shadow:0 4px 12px rgba(32,33,36,.06); }.prompt-sheet span { font-size:9px; }.prompt-sheet strong { display:block; font-size:25px; font-weight:500; line-height:1.5; margin:10px 0; }.prompt-sheet small { font-size:8px; }.prompt-label { background:var(--surface); border:1px solid var(--line); border-radius:6px; font-size:9px; letter-spacing:.12em; padding:10px 17px; position:absolute; bottom:25px; right:29px; transform:rotate(-2deg); }
.collection-copy { padding:24px; }.collection-copy > span { color:var(--accent); font-size:11px; letter-spacing:.09em; }.collection-copy h3 { font-size:18px; font-weight:600; line-height:1.6; margin:11px 0; }.collection-copy p { color:var(--ink-soft); font-size:14px; line-height:1.8; margin:0 0 18px; }.collection-copy b { font-size:14px; font-weight:500; }
.selection-note { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:25px; }.selection-note p { color:var(--ink-soft); font-size:12px; line-height:1.8; margin:0; }
.picks-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }.pinned-card { background:var(--surface); border:1px solid var(--line); border-radius:16px; overflow:hidden; }.pinned-card .resource-cover { height:155px; }.pinned-card .resource-body h3 { min-height:0; font-size:18px; }.pinned-card .resource-body > p { min-height:0; -webkit-line-clamp:3; }.pick-tag { font-size:11px; color:var(--accent); margin-bottom:10px; display:block; }
.market-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }.market-card { border:1px solid var(--line); border-radius:16px; padding:28px; background:var(--surface); }.market-card h3 { font-size:21px; margin:10px 0 14px; }.market-card p { font-size:14px; line-height:1.8; color:var(--ink-soft); }.market-metrics { display:flex; gap:32px; margin:24px 0; }.market-metric { min-width:0; }.market-metric strong { display:block; font-size:34px; color:var(--ink); font-family:var(--sans); font-weight:600; line-height:1.3; }.market-metric small { font:11px var(--sans); margin-left:5px; }.market-metric span { display:block; font-size:12px; color:var(--ink-soft); margin-top:8px; }.market-card .text-link { font-size:14px; }
.access-section { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }.access-copy p { color:var(--ink-soft); font-size:14px; line-height:2; margin:0 0 20px; }
.faq-section { display:grid; grid-template-columns:1fr 1.8fr; gap:50px; }.faq-section h2 { font-size:25px; }.faq-list details { border-bottom:1px solid var(--line); padding:17px 0; }.faq-list details:first-child { padding-top:2px; }.faq-list summary { cursor:pointer; font-size:14px; line-height:1.8; }.faq-list p { font-size:14px; line-height:1.8; color:var(--ink-soft); margin-bottom:0; }
.home-footer { display:flex; align-items:center; justify-content:space-between; gap:25px; text-align:left; padding:30px max(32px,calc((100vw - 1180px)/2)); }.home-footer p { font-size:12px; line-height:1.9; }.home-footer small { font-size:10px; }.home-footer > a:last-child { font-size:11px; color:var(--ink-soft); text-decoration:none; }
.copy-dialog { background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:20px; padding:25px; width:min(440px,calc(100% - 32px)); }.copy-dialog::backdrop { background:rgba(32,33,36,.48); }.copy-dialog h2 { font-size:20px; margin-top:0; }.copy-dialog p { font-size:14px; line-height:1.8; }.copy-dialog textarea { width:100%; min-height:100px; margin:0 0 15px; border:1px solid var(--line); border-radius:10px; padding:12px; font:16px/1.8 var(--sans); color:var(--ink); background:var(--surface); }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.shelf-book,.collection-card { transition:none; } }
@media (max-width:1000px) {
 .home-hero { gap:35px; }.hero-shelf { min-height:395px; padding:23px; }.shelf-book { width:139px; height:237px; padding:20px; }.shelf-book strong { font-size:30px; }.shelf-office { left:20px; }.shelf-study { left:calc(50% - 66px); }.shelf-ai { right:18px; }.shelf-heading small { display:none; }.shelf-caption { left:23px; right:23px; font-size:8px; }
 .catalog-overview { gap:25px; }.catalog-overview p { display:block; }.catalog-overview span { display:block; margin-top:5px; }.catalog-overview strong { font-size:17px; }.section-heading > p { max-width:270px; }.section-heading > p br { display:none; }.collection-copy,.resource-body { padding:20px; }.collection-copy h3 { font-size:18px; }.resource-actions { gap:8px; }.home-page .save-link { padding:8px; }.access-section { gap:40px; }
}
@media (max-width:720px) {
 .home-page .site-header { min-height:77px; }.home-nav { gap:17px; font-size:12px; }.header-action { display:none; }
 .home-hero { grid-template-columns:1fr; padding:40px 0 30px; gap:30px; }.hero-copy h1 { font-size:clamp(36px,11.4vw,46px); }.hero-description { font-size:15px; line-height:1.9; }.hero-secondary { font-size:13px; }.hero-search { max-width:100%; padding:8px 12px; }.hero-search input { font-size:16px; }.hero-search button { font-size:14px; }.hero-actions { gap:17px; }.hero-actions .text-link { font-size:14px; }
 .hero-shelf { min-height:355px; padding:22px; }.shelf-book { height:212px; width:126px; padding:17px 18px; }.shelf-book strong { font-size:27px; margin-top:15px; }.shelf-book .book-small { font-size:6px; }.shelf-book small { font-size:7px; }.shelf-book b { font-size:8px; }.book-rule { margin:13px 0; }.shelf-office { top:85px; left:18px; }.shelf-study { top:72px; left:calc(50% - 60px); }.shelf-ai { top:97px; right:15px; }.shelf-caption { bottom:18px; }
 .catalog-overview { gap:20px; justify-content:space-between; padding:20px 0; }.catalog-overview strong { font-size:14px; }.catalog-overview span { font-size:9px; }.catalog-overview > a { display:none; }
 .home-section { padding:40px 0; }.section-heading { align-items:start; gap:15px; flex-wrap:wrap; margin-bottom:23px; }.section-heading h2,.access-section h2 { font-size:26px; }.section-heading > p { max-width:100%; font-size:14px; margin-top:0; }.section-heading > .text-link { font-size:14px; }.preview-filters { gap:16px; margin-bottom:20px; }.preview-filters button { font-size:14px; padding-bottom:8px; }
 .preview-grid { grid-template-columns:1fr; gap:16px; }.resource-cover { height:156px; padding:15px; }.cover-paper { width:150px; height:126px; padding:12px; }.cover-paper small { font-size:8px; }.cover-paper strong { font-size:13px; line-height:1.6; margin-top:7px; -webkit-line-clamp:3; }.cover-paper::after { margin-top:7px; height:1px; width:15px; }.resource-cover::after { bottom:10px; right:10px; font-size:12px; }
 .resource-body { padding:16px; }.resource-meta { font-size:12px; gap:5px; }.resource-body h3 { font-size:18px; min-height:0; margin:9px 0 7px; }.resource-body > p { font-size:14px; min-height:0; margin-bottom:12px; }.resource-actions { flex-direction:row; align-items:center; gap:10px; padding-top:10px; }.home-page .save-link { text-align:center; font-size:14px; padding:8px 12px; }.home-page .copy-link { font-size:14px; padding:8px 4px; }.preview-bottom p { font-size:12px; line-height:1.8; }
 .collection-grid,.picks-grid,.market-grid { grid-template-columns:1fr; gap:17px; }.collection-card { display:grid; grid-template-columns:.8fr 1fr; }.collection-cover { height:100%; min-height:193px; border-bottom:0; border-right:1px solid var(--line); }.template-sheet { width:99px; height:126px; padding:12px; position:absolute; left:10px; top:26px; }.template-sheet span { font-size:8px; }.template-sheet i { height:5px; margin-top:11px; }.template-table { width:94px; padding:12px; position:absolute; left:45px; top:73px; }.template-table span { font-size:7px; }.template-table b { height:10px; }
 .study-sheet { width:109px; height:126px; padding:12px; position:absolute; top:24px; left:14px; }.study-sheet strong { font-size:20px; }.study-note { width:100px; padding:12px; position:absolute; top:105px; left:74px; }.study-note span { font-size:8px; }.study-note b { font-size:7px; margin-top:12px; }.prompt-sheet { width:116px; height:130px; padding:15px; }.prompt-sheet strong { font-size:21px; }.prompt-sheet span { font-size:8px; }.prompt-sheet small { font-size:6px; }.prompt-label { font-size:7px; padding:8px 12px; bottom:24px; right:9px; }
 .collection-copy { padding:19px 16px; }.collection-copy > span { font-size:11px; }.collection-copy h3 { font-size:17px; margin:9px 0; }.collection-copy p { font-size:14px; line-height:1.7; margin-bottom:14px; }.collection-copy b { font-size:14px; }.selection-note { flex-wrap:wrap; gap:12px; }.selection-note p { font-size:14px; }
 .pinned-card { display:grid; grid-template-columns:110px 1fr; }.pinned-card .resource-cover { height:100%; min-height:210px; padding:8px; }.pinned-card .cover-paper { width:87px; height:129px; }.pinned-card .cover-paper strong { -webkit-line-clamp:5; font-size:10px; }.pinned-card .resource-body { padding:18px; }.pinned-card .resource-body h3 { font-size:17px; }.pinned-card .resource-body p { font-size:14px; }.pinned-card .resource-actions { flex-direction:row; align-items:center; }.pinned-card .save-link { padding:8px; }.pick-tag { font-size:11px; }
 .access-section,.faq-section { grid-template-columns:1fr; gap:25px; }.access-copy p { font-size:14px; }.faq-section h2 { font-size:24px; }.faq-list summary { font-size:14px; }
 .home-footer { flex-wrap:wrap; padding:25px 20px; gap:14px; }.home-footer p { flex:1 0 100%; order:3; margin:0; font-size:11px; }
}
@media (max-width:380px) { .home-nav { gap:12px; font-size:11px; }.hero-shelf { min-height:325px; }.shelf-book { width:103px; height:190px; padding:15px; }.shelf-book strong { font-size:23px; }.shelf-office { left:17px; top:80px; }.shelf-study { left:calc(50% - 49px); top:67px; }.shelf-ai { right:14px; top:95px; }.shelf-caption { font-size:7px; left:17px; right:17px; }.shelf-heading { font-size:8px; }.collection-card { grid-template-columns:1fr; }.collection-cover { height:180px; border-bottom:1px solid var(--line); border-right:0; }.template-sheet { left:65px; }.template-table { left:145px; }.study-sheet { left:64px; }.study-note { left:151px; }.pinned-card { grid-template-columns:1fr; }.pinned-card .resource-cover { min-height:145px; }.pinned-card .resource-body { padding:15px; }.pinned-card .resource-actions { flex-direction:row; align-items:center; }.catalog-overview { gap:12px; }.catalog-overview strong { font-size:12px; }.catalog-overview span { font-size:10px; } }