:root{
  --brand:#1d807c;
  --brand-dark:#0b4d4b;
  --cream:#f7f2e8;
  --soft:#f4fbfa;
  --muted:#687076;
  --shadow:0 18px 50px rgba(14,53,51,.12);
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;line-height:1.7;color:#1c1c1c;overflow-x:hidden;background:#fff}
a{text-decoration:none;color:inherit}
img{width:100%;display:block}
.container{width:min(1320px,94%);margin:auto}

.topbar{background:var(--brand-dark);color:#e9fffd;font-size:14px;padding:9px 0}
.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.topbar span,.topbar a{margin-right:16px;color:#e9fffd}

header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 6px 25px rgba(0,0,0,.05)}
.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:16px;min-width:max-content}
.brand img{width:82px;height:82px;object-fit:contain;border-radius:50%;background:#f5efef;padding:4px}
.brand strong{display:block;color:var(--brand-dark);font-size:26px;line-height:1;font-weight:900}
.brand small{color:#6d7676;font-weight:800;font-size:11px;letter-spacing:.14em}

.menu{display:flex;align-items:center;justify-content:center;gap:22px;list-style:none;flex:1}
.menu li{position:relative;list-style:none;white-space:nowrap}
.menu>li>a{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:#274140;padding:35px 0}
.menu>li>a:hover,.menu>li.active>a{color:var(--brand)}

.dropdown{position:absolute;top:100%;left:0;width:360px;max-width:calc(100vw - 40px);background:#fff;border-radius:18px;padding:10px;box-shadow:var(--shadow);border:1px solid rgba(29,128,124,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:.25s;z-index:9999;overflow:visible}
.dropdown .dropdown{left:100%;top:0;margin-left:10px}
.menu li:hover>.dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.dropdown a{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:700;color:#39504f;white-space:normal;line-height:1.5;word-break:break-word}
.dropdown a:hover{background:var(--cream);color:var(--brand-dark)}

.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:16px 28px;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 12px 25px rgba(29,128,124,.22);transition:.3s}
.btn:hover{background:var(--brand-dark);transform:translateY(-3px)}
.hamburger{display:none;background:var(--brand);color:#fff;border:none;width:46px;height:46px;border-radius:12px;font-size:20px}

.hero{padding:110px 0;background:radial-gradient(circle at 85% 18%,rgba(197,155,85,.28),transparent 25%),linear-gradient(135deg,#fbf6eb 0%,#fff 55%,#e7f5f4 100%)}
.eyebrow{color:var(--brand);font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
h1,h2,h3{font-family:"Playfair Display",serif;color:#103836;line-height:1.08}
h1{font-size:clamp(48px,7vw,86px);margin-bottom:24px}
h2{font-size:clamp(34px,5vw,58px);margin-bottom:20px}
h3{font-size:28px;margin-bottom:12px}
p{color:var(--muted);font-size:17px}

.breadcrumb{margin-top:28px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800;color:var(--brand-dark)}
.breadcrumb i{font-size:12px;color:#c59b55}

.section{padding:90px 0}
.section-head{text-align:center;max-width:850px;margin:0 auto 45px}

.grid{display:grid;gap:28px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

.card, .glass-card, .pub-card, .issue-card{background:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow);border:1px solid rgba(29,128,124,.12);transition:.35s;position:relative;overflow:hidden}
.card:hover, .glass-card:hover, .pub-card:hover, .issue-card:hover{transform:translateY(-8px)}
.card:before, .pub-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:7px;background:linear-gradient(to right,var(--brand),#c59b55)}

.glass-card{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding:32px;border:1px solid rgba(255,255,255,.65)}
.card-hero{display:grid;grid-template-columns:1.25fr .85fr;gap:32px;align-items:center}
.card-hero img{border-radius:30px;height:100%;object-fit:cover;min-height:420px}
.card-hero .card-text{padding:28px 0}

.feature{background:var(--cream)}
.feature-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.feature-img{border-radius:38px;overflow:hidden;box-shadow:var(--shadow);height:520px}
.feature-img img{height:100%;object-fit:cover}
.feature-content{background:#fff;padding:45px;border-radius:36px;box-shadow:var(--shadow)}

.latest-grid,..pub-grid,.footer-grid,.issue-list,.article-grid,.writer-grid,.stories-grid,.archive-grid,.book-grid,.kindle-grid,.ebook-grid,.device-grid{display:grid;gap:26px}

.pub-card .pub-icon, .article-card .card-icon, .story-card .card-icon, .book-card .card-icon, .kindle-card .card-icon, .ebook-card .card-icon{width:72px;height:72px;border-radius:22px;background:#e8f7f5;color:var(--brand);display:grid;place-items:center;font-size:30px;margin-bottom:22px}

.issue-card .issue-cover, .story-card .story-image, .book-cover, .kindle-cover, .ebook-badge{display:grid;place-items:center}
.issue-cover{height:240px;background:linear-gradient(135deg,#0b4d4b,#1d807c);color:#fff;font-size:48px}
.issue-body,.card-body,.book-body,.kindle-body,.ebook-body{padding:26px}

.cta{background:linear-gradient(45deg,rgba(11,77,75,.95),rgba(29,128,124,.78)),url("https://images.unsplash.com/photo-1519682337058-a94d519337bc?auto=format&fit=crop&w=1400&q=80") center/cover;border-radius:42px;padding:75px 60px;color:#fff;box-shadow:var(--shadow);text-align:center}
.cta h2{color:#fff}
.cta p{color:#e6ffff;max-width:760px;margin:0 auto 28px}

.footer{background:#073635;color:#fff;padding-top:80px}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:30px;padding-bottom:55px}
.footer h4{margin-bottom:18px;color:#fff}
.footer p,.footer a{color:#cce5e3;font-size:14px}
.footer a{display:block;margin-bottom:10px}
.footer-logo img{width:105px;border-radius:50%;background:#fff;padding:6px;margin-bottom:15px}
.copy{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#b7d5d3;font-size:14px}

.highlight-card{background:#fff;border-radius:32px;padding:42px 38px;box-shadow:var(--shadow);border:1px solid rgba(29,128,124,.12)}
.highlight-card h3{margin-bottom:18px}
.highlight-card p{color:#4f6060}

.meta-list{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}
.meta-list span{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:#f4fbfa;color:#245351;font-weight:700;font-size:14px}

.tag-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
.tag-grid span{background:#f4fbfa;color:#13514c;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:700}

.filter-bar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:35px}
.filter-bar input,.filter-bar select{flex:1;min-width:220px;padding:16px 20px;border-radius:16px;border:1px solid rgba(29,128,124,.15);background:#fff;color:#274140;font-size:15px}

.list-group{display:grid;gap:16px}
.list-item{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(29,128,124,.12)}
.list-item h4{font-size:19px;margin-bottom:10px}
.list-item p{color:#5f6f6c}

.author-card, .contributor-card, .book-card, .kindle-card, .ebook-card{background:#fff;border-radius:30px;box-shadow:var(--shadow);border:1px solid rgba(29,128,124,.12);overflow:hidden;transition:.35s}
.author-card:hover, .contributor-card:hover, .book-card:hover, .kindle-card:hover, .ebook-card:hover{transform:translateY(-6px)}
.author-card .author-avatar, .contributor-card .author-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:18px}
.author-card .author-avatar img, .contributor-card .author-avatar img{width:100%;height:100%;object-fit:cover}
.author-card h4, .contributor-card h4{margin-bottom:6px}
.author-card small, .contributor-card small{color:var(--muted);font-size:14px}

.book-card img, .kindle-card img{border-bottom:1px solid rgba(29,128,124,.12)}
.book-card .book-info, .kindle-card .kindle-info, .ebook-card .ebook-info{padding:24px}
.book-card h3, .kindle-card h3, .ebook-card h3{margin-bottom:10px}
.book-card p, .kindle-card p, .ebook-card p{color:#5f6f6c;margin-bottom:16px}
.book-meta, .ebook-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:#4c6a64}
.book-meta span, .ebook-meta span{background:#f4fbfa;padding:10px 14px;border-radius:14px}

.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.issue-grid .archive-card{padding:0;overflow:hidden}
.archive-card .archive-cover{height:260px;background-size:cover;background-position:center;display:grid;place-items:flex-end;padding:24px;color:#fff;position:relative}
.archive-card .archive-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));}
.archive-card .archive-cover h3{position:relative;z-index:1;margin:0}
.archive-card .archive-info{padding:24px}
.archive-card .archive-info p{margin-bottom:18px}

.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.resource-card{background:#fff;border-radius:30px;box-shadow:var(--shadow);border:1px solid rgba(29,128,124,.12);overflow:hidden}
.resource-card .resource-top{padding:26px;background:#f4fbfa}
.resource-card .resource-body{padding:24px}
.resource-card .resource-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:14px;color:#4b6a64}

footer .footer-grid div:last-child a:last-child{margin-bottom:0}

@media(max-width:1100px){
  .hamburger{display:block}
  .menu{position:fixed;inset:96px 0 auto 0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:18px;max-height:calc(100vh - 96px);overflow:auto;box-shadow:var(--shadow)}
  .menu.open{display:flex}
  .menu>li>a{justify-content:space-between;padding:13px 8px}
  .dropdown,.dropdown .dropdown{position:static;width:100%;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none;box-shadow:none;border:none;padding:0;background:transparent;margin:6px 0 6px 18px;border-left:2px solid var(--brand)}
  .dropdown.open{display:block}
  .pub-grid,.latest-grid,.footer-grid,.issue-grid,.resource-grid{grid-template-columns:1fr 1fr}
  .feature-wrap{grid-template-columns:1fr}
  .card-hero{grid-template-columns:1fr}
}
@media(max-width:700px){
  .topbar{display:none}
  .nav{height:80px}
  .brand img{width:66px;height:66px}
  .brand strong{font-size:20px}
  .pub-grid,.latest-grid,.footer-grid,.issue-grid,.resource-grid{grid-template-columns:1fr}
  .feature-img{height:350px}
  .section{padding:70px 0}
  .hero{padding:85px 0}
}