*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef6f3;color:#18363a}a{text-decoration:none;color:inherit}
header.topbar{background:#111;color:#fff;padding:12px 18px;display:flex;align-items:center;gap:14px}.topbar .pill{background:#2a2a2a;border-radius:999px;padding:10px 16px;color:#ddd;font-size:14px;flex:0 0 auto}
.sitebar{background:#fff;padding:20px 28px;border-bottom:1px solid #e8ece9;position:sticky;top:0;z-index:20}.logo{font-family:Georgia,serif;font-size:28px;font-weight:700;color:#5b2ca1}.logo span{color:#1a9f9b}
.container{width:min(1100px,92vw);margin:0 auto}.hero{padding:34px 0 20px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}.hero-card{background:#f6efe8;border-radius:24px;padding:24px;box-shadow:0 8px 26px rgba(0,0,0,.06)}
.hero h1{font-family:Georgia,serif;font-size:56px;line-height:1.06;margin:10px 0 16px;color:#18363a}.hero p{font-size:21px;line-height:1.65;color:#4b6669;margin:0 0 18px}.tag{display:inline-block;background:#dff2ec;color:#1d7e74;border-radius:999px;padding:12px 18px;font-weight:700;letter-spacing:.05em;font-size:13px}
.hero-img{width:100%;border-radius:24px;display:block;height:360px;object-fit:cover}.topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 34px}.topic{background:white;border-radius:18px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.05)}.topic small{display:block;color:#608083;font-weight:700;letter-spacing:.08em;margin-bottom:8px}.topic h3{margin:0;font-size:20px}.section-title{font-family:Georgia,serif;font-size:42px;margin:12px 0 20px;color:#18363a}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px}.card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.06);display:block}.card img{width:100%;height:210px;object-fit:cover;display:block}.card .pad{padding:18px}.card small{display:block;color:#5f7d7d;font-weight:700;letter-spacing:.08em;margin-bottom:10px}.card h3{font-size:23px;line-height:1.25;margin:0 0 10px;font-family:Georgia,serif;color:#18363a}.card p{margin:0;color:#557070;line-height:1.55}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:60px}.cat-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.06);display:block}.cat-card img{width:100%;height:180px;object-fit:cover;display:block}.cat-card .pad{padding:18px}.cat-card h3{font-family:Georgia,serif;font-size:28px;margin:0 0 8px}.cat-card p{margin:0;color:#5f7d7d;line-height:1.6}
.article-wrap{width:min(760px,92vw);margin:0 auto;padding:24px 0 120px}.breadcrumbs{font-size:15px;color:#698586;margin:10px 0 20px}.article-wrap h1{font-family:Georgia,serif;font-size:54px;line-height:1.08;color:#16353a;margin:16px 0 16px}.lead{font-size:22px;color:#587475;line-height:1.65;margin-bottom:18px}.meta{color:#7a9294;padding:18px 0;border-top:1px solid #d7e4df;border-bottom:1px solid #d7e4df;margin-bottom:18px}
.share{background:#fff;border:1px solid #d9e6e0;border-radius:28px;padding:26px 30px;margin:22px 0 24px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.share h2{font-family:Georgia,serif;font-size:26px;margin:0 0 18px;color:#17363b}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.share-grid a,.share-grid span{display:flex;align-items:center;justify-content:center;height:64px;border:1px solid #d7e3de;border-radius:18px;background:#fff;font-size:18px;font-weight:700;color:#16353a}
.hero-article{width:100%;height:330px;object-fit:cover;border-radius:24px;display:block;margin:10px 0 24px}.content section{background:#fff;border-radius:24px;padding:22px 24px;margin:0 0 16px;box-shadow:0 8px 22px rgba(0,0,0,.05)}.content h2{font-family:Georgia,serif;font-size:30px;margin:0 0 10px;color:#17363b}.content p,.content li{font-size:18px;line-height:1.75;color:#456467}.content ul{margin:8px 0 0 18px}
.cta-panel{background:#f8f4eb;border-radius:28px;padding:18px;margin:24px 0 18px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.cta-panel h3{font-family:Georgia,serif;font-size:28px;margin:0 0 8px}.cta-btn{display:inline-block;margin-top:10px;background:#ef7d67;color:#fff;padding:16px 24px;border-radius:16px;font-weight:800}
.footer-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dbe6e0;z-index:40}.footer-nav a{padding:18px 6px;text-align:center;font-weight:700;color:#5a2aa1}.footer-nav a.active{background:#1aa39c;color:#fff}
.sticky-cta{position:fixed;left:50%;transform:translateX(-50%);bottom:80px;width:min(760px,92vw);background:#fff;border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 32px rgba(0,0,0,.14);z-index:35}.sticky-cta img{width:58px;height:58px;object-fit:cover;border-radius:12px}.sticky-cta .grow{flex:1}.sticky-cta .grow b{display:block;font-size:17px;color:#17363b}.sticky-cta .grow span{font-size:14px;color:#6e888b}.sticky-cta .go{background:#ef7d67;color:#fff;border-radius:16px;padding:14px 18px;font-weight:800;white-space:nowrap}
.simple-page{width:min(760px,92vw);margin:0 auto;padding:40px 0 120px}.simple-page h1{font-family:Georgia,serif;font-size:44px}
@media (max-width:900px){.hero-grid,.topic-row,.category-grid,.article-grid,.share-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.article-wrap h1{font-size:40px}.hero-img{height:280px}.card img{height:200px}.sticky-cta{bottom:74px}}

.copy-link{display:flex;align-items:center;justify-content:center;height:64px;border:1px solid #d7e3de;border-radius:18px;background:#fff;font-size:18px;font-weight:700;color:#16353a;cursor:pointer;width:100%;font-family:inherit}.hero-img{object-position:center 35%}.hero-article{background:#eef2ef}.content section{scroll-margin-top:90px}

.disclosure{font-size:14px;color:#6f8588;background:#fff7ed;border:1px solid #f1dcc5;padding:12px 14px;border-radius:14px;margin:14px 0 20px}.buy-box{background:#fff;border:2px solid #dcebe5;border-radius:28px;padding:24px;margin:20px 0;box-shadow:0 10px 26px rgba(0,0,0,.06)}.buy-box h2{margin-top:0}.buy-btn{display:block;text-align:center;background:#ef7d67;color:#fff;padding:18px 22px;border-radius:16px;font-weight:800;font-size:18px;margin-top:14px}.note{font-size:14px!important;color:#70888a!important}.content strong{color:#17363b}.hero-card .cta-btn{font-size:18px}.category-intro{font-size:18px;color:#587475;line-height:1.65;margin-bottom:24px}