@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f5f1;--ink:#242621;--muted:#72766d;--line:#dcded4;--green:#d6ee9d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6b8940;outline-offset:4px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 5%}.logo{font-family:Manrope,sans-serif;letter-spacing:-1.8px;font-size:30px;font-weight:800}.logo span{color:#778a59;font-size:40px;margin-left:3px}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header nav button,footer button{background:none;border:0}.active{border-bottom:1px solid;padding:9px 0}.header nav span{background:#e7e9df;border-radius:20px;padding:3px 7px;margin-left:4px}.age{font-size:10px;letter-spacing:1px;border:1px solid #b9bdb0;border-radius:30px;padding:8px 12px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;padding:72px 5% 68px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;display:flex;gap:9px;align-items:center}.eyebrow>span{width:6px;height:6px;background:#758552;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:clamp(52px,5.9vw,90px);letter-spacing:-5px;line-height:1.06;font-weight:500;margin:25px 0}h1 em,.bottom em{font-family:Georgia,serif;font-weight:400;color:#738257}p{line-height:1.65}.hero-copy>p{color:var(--muted);font-size:16px}.search{display:flex;background:#fff;padding:8px;border:1px solid #d8dcd0;border-radius:10px;margin-top:30px;align-items:center;max-width:590px}.search>span{font-size:30px;padding:0 12px}.search input{min-width:0;flex:1;border:0;background:none;padding:12px 0;outline:none;font-size:13px}.search button{background:var(--ink);color:var(--green);border:0;border-radius:7px;width:44px;height:44px;font-size:26px}.suggestions{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-top:15px}.suggestions button{border:0;background:none;padding:0;font-size:11px}.hero-art{border-radius:180px 180px 18px 18px;background:#dfe7d2;min-height:470px;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 30% 30%,#f0f3e7,transparent 60%),linear-gradient(145deg,#dce8cc,#b0bf95)}.orb{position:absolute;width:270px;height:270px;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#f1ffc2 0%,#b9d480 35%,#758c48 72%,#405630);box-shadow:25px 35px 45px #53653644,inset -15px -15px 30px #3d502c44}.orbit{border:1px solid #f9ffe6aa;width:370px;height:180px;border-radius:50%;position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-32deg)}.orbit.two{transform:translate(-50%,-50%) rotate(45deg);height:390px;width:180px}.art-star{position:absolute;top:40px;right:42px;font-size:55px;color:#4a6336}.art-caption{position:absolute;top:45px;left:36px;font-size:10px;line-height:1.5;letter-spacing:2px}.art-pill{position:absolute;bottom:60px;left:50%;transform:translateX(-50%) rotate(-7deg);white-space:nowrap;background:#f4f5e8dd;padding:17px 25px;border-radius:30px;box-shadow:0 8px 20px #40563015;font-size:15px}.art-index{position:absolute;bottom:22px;left:30px;letter-spacing:2px;font-size:8px}.discovery{padding:42px 5% 0;max-width:1600px;margin:auto;border-top:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between}h2{font-family:Manrope,sans-serif;font-weight:500;font-size:34px;letter-spacing:-1.5px;margin:12px 0 25px}.live{font-size:11px;color:#6e7567;display:flex;align-items:center;gap:7px}.live i{width:6px;height:6px;background:#7b9755;border-radius:50%}.topics{display:flex;gap:9px;overflow:auto;padding:0 0 25px;border-bottom:1px solid var(--line)}.topics button{border:1px solid #d9ddd0;border-radius:25px;padding:12px 20px;white-space:nowrap;background:transparent;font-size:12px}.topics button.selected{background:var(--ink);color:#e4f4c0;border-color:var(--ink)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:12px}.toolbar strong{font-weight:500}.toolbar span{color:var(--muted)}.controls{display:flex;gap:10px}.controls select,.controls button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:11px}.controls button[aria-pressed=true]{background:var(--green)}.disclosure{font-size:10px;color:var(--muted);margin:14px 0 22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid #e0e2d9;border-radius:12px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-art{height:190px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(135deg,hsl(var(--hue) 28% 83%),hsl(var(--hue) 24% 62%))}.card-art:before,.card-art:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #fff5;border-radius:50%;transform:rotate(-40deg) scaleX(1.7)}.card-art:after{transform:rotate(40deg) scaleX(1.7)}.monogram{font-family:Georgia,serif;font-style:italic;font-size:75px;color:#fff9;z-index:1}.sponsored{position:absolute;top:12px;left:12px;color:#fff;background:#24262165;padding:5px 8px;border-radius:4px;font-size:9px;letter-spacing:.3px}.save{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:#ffffffde;width:30px;height:30px;font-size:18px;z-index:2}.save[aria-pressed=true]{background:#d6ee9d}.card-body{padding:18px}.card h3{font-size:16px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.handle{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.stats{display:flex;gap:12px;color:#72766d;font-size:10px;padding:15px 0 16px;border-bottom:1px solid #eee}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.price{font-size:13px;font-weight:600}.price small{font-size:9px;color:var(--muted);font-weight:400;display:block;margin-top:3px}.profile-link{font-size:11px;background:#eef2e6;border-radius:5px;padding:10px 12px}.profile-link:hover{background:var(--green)}#status{text-align:center;padding:20px;color:var(--muted);font-size:14px}#retry{display:block;margin:0 auto 30px;background:var(--green);border:0;padding:12px 25px;border-radius:8px}#retry[hidden]{display:none}.endnote{display:flex;align-items:center;gap:18px;padding:32px 0 50px}.endnote>span{font-size:45px;color:#819361}.endnote p{font-size:14px}.endnote small{display:block;color:var(--muted);font-size:11px}.endnote button{margin-left:auto;background:none;border:0;font-size:11px}.bottom{background:#e6ebdc;text-align:center;padding:60px 20px}.bottom>span{font-size:9px;letter-spacing:2px}.bottom h2{font-size:42px;line-height:1.2;margin:23px 0 30px}.bottom a{display:inline-block;background:var(--ink);color:#e6f0cf;padding:14px 22px;border-radius:6px;font-size:12px}footer{padding:35px 5%;display:flex;gap:30px;align-items:center}footer .logo{font-size:22px}footer .logo span{font-size:30px}footer p,footer button,footer>span{font-size:9px;color:var(--muted)}footer>span{margin-left:auto}dialog{border:1px solid var(--line);border-radius:15px;padding:35px;max-width:510px;width:90%;background:var(--bg)}dialog::backdrop{background:#1b251a88;backdrop-filter:blur(5px)}dialog p{font-size:14px;color:var(--muted)}.close{float:right;background:none;border:0;font-size:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.hero-art{min-height:530px}}@media(max-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}h1{letter-spacing:-3px}.hero{gap:4%;padding-top:50px}.hero-art{min-height:440px}.header nav{gap:22px}.orb{width:220px;height:220px}}@media(max-width:760px){.header{height:78px}.header nav{gap:15px}.header nav #aboutBtn,.age{display:none}.header nav{font-size:11px}.logo{font-size:24px}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hero-art{min-height:260px;border-radius:130px 130px 14px 14px}.orb{height:175px;width:175px;top:50%}.orbit{top:50%;width:270px;height:120px}.orbit.two{height:250px;width:120px}.art-caption{left:28px}.art-pill{bottom:22px;left:65%;font-size:11px;padding:12px}.art-index{bottom:15px}.hero h1{font-size:62px}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.card-art{height:160px}.card-body{padding:13px}.card h3{font-size:14px}.card-bottom{align-items:start;gap:4px}.profile-link{padding:9px 8px;font-size:10px}.section-head{align-items:start}.section-head h2{font-size:27px}.live{font-size:9px;margin-top:5px}.toolbar{align-items:start;gap:10px}.controls{gap:5px}.controls select,.controls button{font-size:9px;padding:8px 5px}.bottom h2{font-size:34px}.endnote small{max-width:210px}footer{flex-wrap:wrap;gap:10px 25px}footer p{width:65%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* Linked category navigation and real provider images */
.topics a{border:1px solid #d9ddd0;border-radius:25px;padding:12px 20px;white-space:nowrap;background:transparent;font-size:12px}.topics a.selected{background:var(--ink);color:#e4f4c0;border-color:var(--ink)}.card-art{height:auto;aspect-ratio:1/1}.creator-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.sponsored{z-index:2}.card-art:before,.card-art:after{pointer-events:none}.breadcrumbs{padding:25px 5% 0;font-size:12px;color:var(--muted)}.breadcrumbs a{text-decoration:underline}.guide{max-width:1400px;margin:auto;padding:55px 5%;border-top:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}.guide h3{font-size:19px;line-height:1.4;font-weight:600}.guide p{font-size:14px;color:#62695c;line-height:1.85}.faq{max-width:900px;margin:45px auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:15px;line-height:1.5;font-weight:500}.faq p{max-width:800px}.related{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:35px;font-size:12px}.related strong{width:100%;margin-bottom:6px}.related a{text-decoration:underline;text-underline-offset:4px}.hero-copy>p{max-width:550px}.header .logo{font-size:28px;letter-spacing:-1.4px}@media(max-width:760px){.guide-grid{grid-template-columns:1fr;gap:12px}.guide{padding-top:35px}.header .logo{font-size:22px}.header nav{gap:10px}.header nav #savedCount{display:none}.hero h1{font-size:53px}}

#loadMore{display:block;margin:5px auto 25px;padding:14px 28px;border:1px solid #c4d1ac;border-radius:8px;background:#d6ee9d;color:#242621;font-weight:600;font-size:13px}#loadMore[hidden]{display:none}#loadMore:disabled{opacity:.5;cursor:wait}
.home-knowledge{padding:50px 5% 60px;border-top:1px solid var(--line);max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1.5fr;gap:6%}.home-knowledge h2{font-family:Georgia,serif;font-size:46px;line-height:1.1;font-weight:400;margin:20px 0}.home-knowledge h2 em{color:#77875c}.home-knowledge p{color:#717c64;font-size:14px}.knowledge-cta{display:inline-block;padding:12px 0;font-size:12px;text-decoration:underline;text-underline-offset:6px}.home-reading{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.home-reading>a{border-top:1px solid #aeb99c;padding:25px 0;display:flex;flex-direction:column}.home-reading small{font-size:9px;letter-spacing:1.4px;color:#7a8865}.home-reading h3{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.15;letter-spacing:-.6px;margin:22px 0 5px}.home-reading p{font-size:12px}.home-reading span{font-size:11px;margin-top:auto;padding-top:15px}.footer-wiki{font-size:10px;color:var(--muted)}@media(max-width:760px){.home-knowledge{grid-template-columns:1fr;gap:25px}.home-reading{gap:20px}.home-reading h3{font-size:25px}.header nav{gap:12px}.header nav #savedCount{display:none}.header nav #savedNav{font-size:10px}.header .logo{font-size:20px}.header .logo span{font-size:28px}}
