/* Homepage navigation and campaign slides. Use the shared SVG icon family. */
.mobile-menu a.nav-item:not([data-icon])::before { content: none; }
.mobile-menu [data-icon="shield"] { --pp-icon: url('/assets/icons/shield.svg'); }
.mobile-menu [data-icon="briefcase"] { --pp-icon: url('/assets/icons/briefcase.svg'); }
.mobile-menu [data-icon="lightning"] { --pp-icon: url('/assets/icons/lightning.svg'); }
.mobile-menu [data-icon="sparkle"] { --pp-icon: url('/assets/icons/sparkle.svg'); }
.mobile-menu [data-icon="phone"] { --pp-icon: url('/assets/icons/phone.svg'); }
.mobile-menu [data-icon="camera"] { --pp-icon: url('/assets/icons/camera.svg'); }
.mobile-menu [data-icon="book"] { --pp-icon: url('/assets/icons/book.svg'); }
.mobile-menu [data-icon="card"] { --pp-icon: url('/assets/icons/card.svg'); }
.mobile-menu [data-icon="package"] { --pp-icon: url('/assets/icons/package.svg'); }
.mobile-menu [data-icon="help"] { --pp-icon: url('/assets/icons/help.svg'); }
.mobile-menu [data-icon="mail"] { --pp-icon: url('/assets/icons/mail.svg'); }
.mobile-menu [data-icon="download"] { --pp-icon: url('/assets/icons/download.svg'); }
.mobile-menu [data-icon="rocket"] { --pp-icon: url('/assets/icons/rocket.svg'); }
.campaign-media { padding: 20px; display: flex; flex-direction: column; justify-content: center; gap: 12px; background: linear-gradient(135deg, var(--surface), rgb(var(--teal-700-rgb) / .12)); }
.campaign-heading { display: flex; align-items: center; gap: 10px; font-size: 1.1rem; font-weight: 800; color: var(--text); }
.campaign-heading > .pp-icon { font-size: 1.6rem; color: var(--primary); }
.campaign-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.campaign-tile { display: flex; align-items: center; gap: 8px; padding: 10px; border-radius: 10px; background: var(--surface); border: 1px solid var(--line); font-size: .78rem; font-weight: 650; color: var(--text); }
.campaign-tile .pp-icon { color: var(--primary); font-size: 1.15rem; }
.campaign-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: var(--primary); font-weight: 750; font-size: .88rem; text-underline-offset: 3px; }
.slide-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 12px; padding: 0; margin: 10px 0 0; list-style: none; font-size: .85rem; color: var(--text); }
.slide-feature-list li { display: flex; align-items: center; gap: 6px; }
.slide-feature-list .pp-icon { color: var(--primary); }
.reader-cover { background: linear-gradient(135deg, #134e4a, #0f766e); color: #fff; border-radius: 10px; padding: 12px; text-align: center; box-shadow: 4px 4px 0 rgb(var(--teal-700-rgb) / .2); }
.reader-cover .pp-icon { font-size: 2.5rem; display: block; margin: 0 auto 6px; }
.reader-cover strong { display: block; font-size: 1.25rem; }
.reader-cover small { display: block; margin-top: 6px; letter-spacing: .12em; }
.reader-themes { display: flex; justify-content: center; gap: 6px; font-size: .7rem; }
.reader-themes span { border-radius: 20px; padding: 5px 10px; border: 1px solid var(--line); }
.reader-themes .theme-light { background: #fff; color: #222; }
.reader-themes .theme-sepia { background: #f4ecd8; color: #594b36; }
.reader-themes .theme-dark { background: #252a32; color: #eee; }
.reader-themes .theme-oled { background: #000; color: #fff; }
.platform-tile { justify-content: center; flex-direction: column; gap: 6px; padding: 8px; }
.platform-tile img, .platform-tile .pp-icon { width: 32px; height: 32px; }
.platform-tile:last-child { grid-column: 1 / -1; flex-direction: row; }
@media (max-width: 768px) {
  .slider-container { height: 500px; }
  .campaign-media { padding: 8px; gap: 6px; flex: 0 0 175px; box-sizing: border-box; }
  .campaign-heading { font-size: .9rem; }
  .campaign-heading > .pp-icon { font-size: 1.1rem; }
  .campaign-tile { padding: 6px; font-size: .68rem; gap: 5px; }
  .platform-tile { gap: 3px; }
  .platform-tile img, .platform-tile .pp-icon { width: 22px; height: 22px; }
  .reader-cover { padding: 8px; }
  .reader-cover .pp-icon { font-size: 1.6rem; }
  .reader-cover strong { font-size: 1rem; }
  .slide-feature-list { font-size: .75rem; text-align: left; gap: 4px 8px; }
  .slide-feature-list li { align-items: flex-start; }
  .campaign-link { margin-top: 8px; font-size: .8rem; }
  .slide-campaign .slide-tag-row { display: none; }
}
@media (max-width: 480px) {
  .header-inner { gap: 6px; }
  .left-group { min-width: 0; flex: 1 1 auto; }
  .logo-area { min-width: 0; }
  .brand-icon-img { width: 42px; height: 36px; }
  .brand-copy .logo { font-size: .95rem; }
  .brand-copy .tagline { display: none; }
  .header-actions { gap: 5px; }
  .lang-switch summary { padding: 6px !important; font-size: .7rem !important; }
}

[data-theme="dark"] .platform-tile img[src$="apple.svg"] { filter: invert(1); }

.seo-section { padding-top: 2rem; padding-bottom: 2rem; scroll-margin-top: 90px; }
.seo-section-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; padding: 0 1rem 2rem; }
.seo-section-links a, .seo-resource-card a { color: var(--primary); font-weight: 650; text-underline-offset: 3px; }
.seo-resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.seo-resource-card { background: var(--surface); color: var(--text); border: 1px solid var(--line); border-radius: 16px; padding: 1.25rem; line-height: 1.65; }
.seo-resource-card h3 { font-size: 1.1rem; margin: 0 0 .65rem; }
.seo-resource-card p { color: var(--muted); margin: 0 0 .9rem; }
@media (max-width: 600px) { .seo-resource-grid { grid-template-columns: 1fr; } }