/* Shared visual catalogue: actual output first, settings and creation beside it. */
.catalog-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 36px}.catalog-groups a{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:16px;border-radius:12px;background:#eaf4ef;color:#294b39;font-weight:700;text-decoration:none}.catalog-groups a:nth-child(2){background:#eef0fb}.catalog-groups a:nth-child(3){background:#fff3df}.catalog-groups a:nth-child(4){background:#f6eefa}.catalog-groups span{font-size:12px;font-weight:400;white-space:nowrap}.catalog-section{margin:0 0 48px;scroll-margin-top:24px}.catalog-section>h2{font-size:25px;margin:0 0 20px}.catalog-groups a:focus-visible{outline:3px solid #ab6b2e;outline-offset:3px}@media(max-width:800px){.catalog-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.catalog-groups a{font-size:13px;padding:12px}}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-card{min-width:0;overflow:hidden;border:1px solid #dce5de;border-radius:18px;background:#fff;box-shadow:0 4px 16px #173d2810;transition:box-shadow .18s,border-color .18s}.catalog-card:hover{border-color:#9bb9a7;box-shadow:0 8px 24px #173d2818}.catalog-cover{position:relative;display:flex;justify-content:center;align-items:flex-start;height:265px;padding:22px 30px 0;overflow:hidden;background:#eaf0e8;text-decoration:none}.catalog-card:nth-child(3n+2) .catalog-cover{background:#e9eef6}.catalog-card:nth-child(3n) .catalog-cover{background:#f5eee3}.paper-preview{display:block;width:100%;height:auto;background:white;box-shadow:0 5px 16px #263f2925;flex:none}.catalog-cover .paper-preview{width:190px;transform:rotate(-2deg)}.catalog-card:nth-child(even) .paper-preview{transform:rotate(2deg)}.cover-action{position:absolute;right:12px;bottom:12px;padding:7px 11px;border:1px solid #e1e7e2;border-radius:30px;background:#fffffff2;color:#304e3e;font-size:12px;font-weight:700;box-shadow:0 2px 8px #173d2812}.catalog-copy{padding:20px}.catalog-label{font-size:12px!important;font-weight:700;color:#53715d;margin:0 0 7px!important}.catalog-copy h3{font-size:19px;line-height:1.5;margin:0 0 8px;color:#243e30}.catalog-copy>p:not(.catalog-label){font-size:13px;line-height:1.85;color:#617066;margin:0 0 12px;min-height:72px}.catalog-badge{display:inline-block;font-size:11px;padding:5px 8px;background:#f2f5f0;color:#506451;border-radius:5px}.catalog-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #edf0ed}.catalog-actions a{font-size:12px;color:#42634d;text-underline-offset:3px}.catalog-actions .catalog-create{background:#315f47;color:#fff;text-decoration:none;padding:11px 13px;border-radius:8px;font-size:13px;font-weight:700}.catalog-actions a:hover,.catalog-cover:hover .cover-action{filter:brightness(.92)}.catalog-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:20px}.catalog-heading p{font-size:12px;color:#617364;margin:0 0 8px}.catalog-heading h2{font-size:25px;color:#263e30;margin:0}.catalog-heading>a{font-size:13px;color:#3d654b;white-space:nowrap}.catalog-intro{padding:10px 0 32px;max-width:760px}.catalog-intro h1{font-size:38px;line-height:1.5;margin:10px 0}.catalog-intro p{line-height:1.8}.catalog-intro>a,.catalog-bottom>a{color:#37674a;font-size:14px}.catalog-bottom{padding:24px 0}.home-catalog{margin:24px 0 46px}.home-screen .home-hero{display:block!important;margin:0 0 18px!important;padding:12px 0!important;min-height:0!important;background:transparent!important;border:0!important}.home-screen .hero-copy{max-width:none!important}.home-screen .hero-copy h2{font-size:36px!important;line-height:1.45!important;margin:0 0 12px!important;letter-spacing:.02em}.home-screen .hero-copy p{font-size:14px!important;line-height:1.9!important;max-width:none!important;margin:0!important}.home-screen .home-stats{margin:16px 0 0!important;padding:0!important;border:0!important;display:flex!important;gap:18px!important}.home-screen .home-stats>div{display:flex;align-items:baseline;gap:5px}.home-screen .home-stats b{font-size:15px!important}.home-screen .home-stats small{font-size:11px!important}.home-screen .material-search{margin:16px 0 28px;padding:0!important;border:0!important;background:transparent!important}.home-screen .material-search>label{font-size:12px}.home-screen .material-search>input{background:white!important;max-width:620px;height:48px;border:1px solid #bdcdbf!important;border-radius:10px!important}.home-screen .group-card{min-height:120px!important}.product-hero{display:grid;grid-template-columns:1.2fr .8fr;max-width:none;gap:42px;align-items:center;padding:14px 0 30px}.product-hero h1{font-size:31px;line-height:1.5}.product-hero .lead{font-size:15px}.product-feature{font-size:13px;color:#54745f;padding:10px 0}.product-settings{display:block;font-size:13px;margin-top:16px;color:#456b52}.product-paper{margin:0;padding:24px 32px 16px;background:#edf1e8;border-radius:18px;max-height:470px;overflow:hidden}.product-paper .paper-preview{width:100%;max-width:285px;margin:auto}.product-paper figcaption{text-align:center;font-size:11px;margin-top:12px;color:#586b5d}.tool-tour{margin-top:20px}.embedded-guide .product-hero{grid-template-columns:1.1fr .9fr}.catalog-card a:focus-visible{outline:3px solid #ab6b2e;outline-offset:-3px}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-copy>p:not(.catalog-label){min-height:48px}.product-hero{gap:24px}.product-hero h1{font-size:26px}}
@media(max-width:600px){.catalog-grid{grid-template-columns:1fr;gap:18px}.catalog-cover{height:210px;padding-top:18px}.catalog-cover .paper-preview{width:190px}.catalog-copy{padding:17px}.catalog-copy h3{font-size:19px}.catalog-copy>p:not(.catalog-label){min-height:0}.catalog-heading{align-items:start;flex-direction:column;gap:12px}.catalog-heading h2{font-size:22px}.catalog-intro h1{font-size:29px}.home-screen .hero-copy h2{font-size:27px!important}.home-screen .home-stats{gap:12px!important}.product-hero,.embedded-guide .product-hero{grid-template-columns:1fr;gap:24px}.product-hero h1{font-size:25px}.product-paper{max-height:360px;padding:18px 30px}.product-paper .paper-preview{max-width:220px}.catalog-actions .catalog-create{font-size:14px}.catalog-actions a{font-size:13px}}
@media print{.home-catalog{display:none}.product-hero{display:block}.product-paper{max-height:none}.catalog-cover{height:auto}}
body:has(#homeScreen:not(.hidden)){background:#f6f8f3!important}.home-screen{max-width:1240px;margin:0 auto;padding:24px!important}.home-screen .home-hero{box-shadow:none!important}.home-screen .hero-copy h2{font-size:31px!important}.home-screen .hero-copy em{color:#315f47!important;background:none!important}.home-screen .hero-copy em:after{display:none!important}.home-screen .material-search{margin:12px 0 18px!important}.home-catalog{margin-top:16px}.catalog-cover{height:220px}.home-screen .catalog-heading{margin-bottom:16px}.home-screen .catalog-heading h2{font-size:23px}.home-screen .catalog-heading p{margin-bottom:4px}@media(max-width:600px){.home-screen{padding:20px 16px!important}.home-screen .hero-copy h2{font-size:25px!important}.home-screen .catalog-cover{height:210px}}
.browse-nav{display:flex;gap:8px;flex-wrap:wrap}.browse-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #bdcdbf;border-radius:8px;background:#fff;color:#365e44;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.browse-nav a:hover{background:#edf3eb}.browse-nav a[aria-current="page"]{background:#315f47;border-color:#315f47;color:white}.home-browse-nav{margin:0 0 20px}.browse-nav a:focus-visible{outline:3px solid #ab6b2e;outline-offset:3px}@media(max-width:600px){.site-header{align-items:flex-start;gap:14px;flex-direction:column}.browse-nav{width:100%}.browse-nav a{flex:1;font-size:13px;padding:10px 12px}.home-browse-nav{margin-bottom:16px}}

/* Original four-group card styling, scoped to the restored list. */
body[data-browse="list"] .group-card{min-height:190px!important;border:1px solid #dce7e3!important;border-radius:20px!important;background:#fff!important;padding:22px!important;text-align:left!important;position:relative!important;color:var(--ink)!important;transition:.18s!important;overflow:hidden!important}
body[data-browse="list"] .group-card:after{content:""!important;position:absolute!important;width:150px!important;height:150px!important;border-radius:50%!important;right:-60px!important;top:-65px!important;background:#dcefe933!important}
body[data-browse="list"] .group-card:hover{transform:translateY(-3px)!important;border-color:#94c2b6!important;box-shadow:0 14px 28px #345b5118!important}
body[data-browse="list"] .group-number{font-size:10px!important;font-weight:700!important;color:#91a19d!important;letter-spacing:.15em!important}
body[data-browse="list"] .group-symbol{width:52px!important;height:52px!important;border-radius:16px!important;display:grid!important;place-items:center!important;font-family:"Klee One"!important;font-size:25px!important;margin:17px 0 14px!important}
body[data-browse="list"] .group-card>span:nth-child(3) b,body[data-browse="list"] .group-card>span:nth-child(3) small,body[data-browse="list"] .group-card>span:nth-child(3) i{display:block!important}
body[data-browse="list"] .group-card b{font-size:18px!important}
body[data-browse="list"] .group-card small{font-size:11px!important;color:#748480!important;margin-top:4px!important}
body[data-browse="list"] .group-card i{font-size:9px!important;font-style:normal!important;margin-top:12px!important;color:#657671!important;background:#f1f6f4!important;border-radius:20px!important;padding:4px 9px!important;width:max-content!important}
body[data-browse="list"] .group-arrow{position:absolute!important;right:20px!important;bottom:20px!important;width:31px!important;height:31px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#eff5f3!important;color:#5c716b!important}
body[data-browse="list"] .group-card:hover .group-arrow{background:var(--green)!important;color:#fff!important}
body[data-browse="list"] .group-card.basic .group-symbol{background:#e4f5f2!important;color:#317d70!important}
body[data-browse="list"] .group-card.sound .group-symbol{background:#e8eafa!important;color:#5565a5!important}
body[data-browse="list"] .group-card.meaning .group-symbol{background:#fff1d6!important;color:#a16c18!important}
body[data-browse="list"] .group-card.applied .group-symbol{background:#f2e8fa!important;color:#8054a0!important}
body[data-browse="list"] .group-card{min-height:164px!important;display:grid!important;grid-template-columns:68px 1fr!important;align-items:center!important;padding:24px!important;background:#fff!important}
body[data-browse="list"] .group-card.basic{background:linear-gradient(135deg,#fff 45%,#eef9f6)!important}
body[data-browse="list"] .group-card.sound{background:linear-gradient(135deg,#fff 45%,#f0f2fc)!important}
body[data-browse="list"] .group-card.meaning{background:linear-gradient(135deg,#fff 45%,#fff8ea)!important}
body[data-browse="list"] .group-card.applied{background:linear-gradient(135deg,#fff 45%,#f8f1fc)!important}
body[data-browse="list"] .group-number{position:absolute!important;left:24px!important;top:18px!important}
body[data-browse="list"] .group-symbol{margin:13px 0 0!important}
body[data-browse="list"] .group-card>span:nth-child(3){margin-top:13px!important}
body[data-browse="list"] .group-card:after{width:180px!important;height:180px!important;right:-74px!important;top:-92px!important}
body[data-browse="list"] .group-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 34px #345b511c!important}
body[data-browse="list"] .group-card{min-height:165px!important}
body[data-browse="list"] .home-browse-nav a[href="/tools/"]{background:#315f47;color:#fff}
@media(max-width:600px){body[data-browse="list"] .group-grid{grid-template-columns:1fr!important}}