/* Significados360 — UI 2026: premium editorial redesign */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --s360-bg:#f5f6f8;
  --s360-surface:#ffffff;
  --s360-surface-soft:#f9fafb;
  --s360-ink:#111318;
  --s360-muted:#68707d;
  --s360-line:#e5e7eb;
  --s360-line-strong:#d8dce3;
  --s360-brand:#5a55e7;
  --s360-brand-deep:#3833b8;
  --s360-cyan:#0da7c6;
  --s360-accent:#6d5dfc;
  --s360-radius:18px;
  --s360-shadow:0 18px 55px rgba(19,24,38,.08);
  --s360-shadow-soft:0 8px 28px rgba(19,24,38,.055);
}

html{scroll-behavior:smooth}
body{
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  color:var(--s360-ink)!important;
  background:var(--s360-bg)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--s360-brand-deep);text-decoration:none}
a:hover{text-decoration:none;color:var(--s360-brand)}
.container{width:min(100% - 40px,1180px)!important;max-width:1180px!important;margin-inline:auto!important;padding-inline:0!important}

/* Brand + header */
.site-header{
  position:sticky!important;top:0;z-index:1000;
  background:rgba(255,255,255,.9)!important;
  border-bottom:1px solid rgba(229,231,235,.9)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
}
.header-shell{min-height:76px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--s360-ink)!important;flex:0 0 auto}
.brand:hover{color:var(--s360-ink)!important}
.brand-mark{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#6865f2 5%,#4a47d3 58%,#12a8c5 120%);box-shadow:0 8px 22px rgba(90,85,231,.25);overflow:hidden}
.brand-mark::before{content:"";position:absolute;width:27px;height:27px;border:1.5px solid rgba(255,255,255,.72);border-radius:50%;border-right-color:transparent;transform:rotate(-18deg)}
.brand-mark::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:white;right:7px;top:7px;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.brand-mark span{position:relative;z-index:1;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.04em}
.brand-name{font-size:20px;line-height:1;font-weight:800;letter-spacing:-.045em;white-space:nowrap}
.brand-name>span{color:var(--s360-brand)}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:4px;min-width:0}
.site-nav>a,.nav-more>summary{color:#424955!important;font-size:13.5px;font-weight:650;padding:10px 10px;border-radius:10px;white-space:nowrap;cursor:pointer;list-style:none;transition:.18s ease}
.site-nav>a:hover,.nav-more>summary:hover{background:#f1f2f6;color:var(--s360-ink)!important}
.nav-more{position:relative}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>summary::after{content:"⌄";display:inline-block;margin-left:5px;font-size:12px;transition:transform .15s}
.nav-more[open]>summary::after{transform:rotate(180deg)}
.nav-more-menu{position:absolute;right:0;top:calc(100% + 12px);width:260px;padding:8px;background:#fff;border:1px solid var(--s360-line);border-radius:16px;box-shadow:var(--s360-shadow);display:grid;gap:2px}
.nav-more-menu a{color:#353b46!important;padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600}
.nav-more-menu a:hover{background:#f5f6f8;color:var(--s360-ink)!important}
.site-search{position:relative;margin-left:6px}
#search-input{
  width:196px!important;max-width:none!important;height:40px;
  border:1px solid var(--s360-line-strong)!important;border-radius:12px!important;
  padding:0 13px 0 36px!important;background:#f8f9fb!important;color:var(--s360-ink);
  font:600 13px/1 'Manrope',sans-serif;outline:none;transition:.2s ease
}
.site-search::before{content:"";position:absolute;left:13px;top:12px;width:11px;height:11px;border:1.8px solid #707888;border-radius:50%;z-index:2;pointer-events:none}
.site-search::after{content:"";position:absolute;left:23px;top:22px;width:6px;height:1.8px;background:#707888;transform:rotate(45deg);z-index:2;pointer-events:none;border-radius:2px}
#search-input:focus{width:250px!important;background:white!important;border-color:#b9b8ef!important;box-shadow:0 0 0 4px rgba(90,85,231,.09)}
.search-results{left:auto!important;right:0!important;width:min(420px,80vw)!important;margin-top:10px!important;border:1px solid var(--s360-line)!important;border-radius:16px!important;box-shadow:var(--s360-shadow)!important;padding:8px!important;max-height:390px!important}
.search-results ul{list-style:none!important;margin:0!important;padding:0!important}
.search-results li{padding:0!important;border:0!important;margin:2px 0!important}
.search-results li a{padding:10px 12px!important;border-radius:10px!important;color:#303642!important;font-size:13.5px!important}
.search-results li a:hover{background:#f5f6f9!important}
.search-results>p{padding:12px!important;margin:0!important;color:var(--s360-muted)!important}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--s360-line);border-radius:12px;background:white;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.nav-toggle span{display:block;width:18px;height:1.8px;background:#222733;border-radius:2px;transition:.2s}

/* Home */
.home-container{text-align:left!important;padding-top:0!important;padding-bottom:72px!important}
.home-hero{position:relative;overflow:hidden;margin:26px 0 58px;padding:74px 68px;border-radius:30px;background:linear-gradient(135deg,#11162a 0%,#171a35 54%,#24245c 100%);color:white;box-shadow:0 30px 80px rgba(19,24,38,.16)}
.home-hero::before,.home-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.home-hero::before{width:340px;height:340px;right:-80px;top:-130px;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}
.home-hero::after{width:170px;height:170px;right:120px;bottom:-100px;background:radial-gradient(circle at 35% 35%,rgba(80,207,231,.32),rgba(90,85,231,.05) 62%,transparent 70%)}
.hero-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a9b6ff;margin-bottom:18px}
.home-hero h1{max-width:760px;margin:0!important;color:white!important;font-size:clamp(42px,6vw,72px)!important;line-height:1.03!important;letter-spacing:-.055em!important;font-weight:800!important}
.home-hero .tagline{max-width:700px;margin:24px 0 0!important;color:#cfd3df!important;font-size:18px!important;line-height:1.7!important}
.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.hero-chips a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#f7f8fc!important;font-size:12.5px;font-weight:650;backdrop-filter:blur(4px)}
.hero-chips a:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}
.home-section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}
.home-section-intro .eyebrow{color:var(--s360-brand)!important;margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.home-section-intro h2{margin:0!important;font-size:clamp(28px,4vw,40px)!important;line-height:1.12;letter-spacing:-.04em;color:var(--s360-ink)!important}
.home-section-intro p{max-width:410px;margin:0!important;color:var(--s360-muted)!important;font-size:14px;line-height:1.7}
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-category{position:relative;overflow:hidden;margin:0!important;padding:24px!important;border:1px solid var(--s360-line)!important;border-radius:20px!important;background:var(--s360-surface)!important;box-shadow:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-category:hover{transform:translateY(-3px);border-color:#d5d6df!important;box-shadow:var(--s360-shadow-soft)!important}
.home-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.home-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f1f1ff;color:var(--s360-brand);font-size:18px;font-weight:800}
.home-card-arrow{font-size:21px;color:#a0a5af;transition:transform .2s}
.home-category:hover .home-card-arrow{transform:translate(2px,-2px);color:var(--s360-brand)}
.home-category h2{margin:0 0 7px!important;color:var(--s360-ink)!important;font-size:18px!important;line-height:1.25;letter-spacing:-.025em}
.home-category h2 a{color:inherit!important}
.home-category>.card-description{color:var(--s360-muted);font-size:13px;line-height:1.6;margin:0 0 16px}
.home-category ul{list-style:none!important;margin:0!important;padding:0!important;border-top:1px solid #eff0f3;padding-top:12px!important}
.home-category li{margin:0!important}
.home-category li a{display:block;padding:7px 0;color:#555d69!important;font-size:12.5px;line-height:1.35}
.home-category li a:hover{color:var(--s360-brand)!important}
.home-category[data-accent="cyan"] .home-card-icon{background:#e9f9fc;color:#088da8}
.home-category[data-accent="violet"] .home-card-icon{background:#f3efff;color:#7555d9}
.home-category[data-accent="rose"] .home-card-icon{background:#fff0f4;color:#cc4d74}
.home-category[data-accent="amber"] .home-card-icon{background:#fff7e8;color:#b87812}
.home-category[data-accent="green"] .home-card-icon{background:#edf9f2;color:#20895a}
.home-category[data-accent="slate"] .home-card-icon{background:#f1f3f6;color:#566071}

/* Category hubs */
.category-container{padding-top:34px!important;padding-bottom:72px!important}
.category-hero{position:relative;margin:0 0 28px!important;padding:46px 48px!important;border:1px solid var(--s360-line)!important;border-top:1px solid var(--s360-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#fff 0%,#fbfbfd 100%)!important;box-shadow:none!important;overflow:hidden}
.category-hero::after{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(90,85,231,.13),rgba(90,85,231,.02) 60%,transparent 65%)}
.category-hero .eyebrow,.dream-hub .eyebrow,.numerology-hub .eyebrow{color:var(--s360-brand)!important;font-size:11.5px!important;letter-spacing:.12em!important;font-weight:800!important}
.category-container h1,.category-hero h1{position:relative;z-index:1;max-width:850px;margin:8px 0 14px!important;color:var(--s360-ink)!important;font-size:clamp(34px,5vw,52px)!important;line-height:1.06!important;letter-spacing:-.05em!important;font-weight:800!important}
.category-hero>p{position:relative;z-index:1;max-width:760px!important;margin:0!important;color:var(--s360-muted)!important;font-size:16px;line-height:1.75}
.hub-jump{gap:8px!important;margin:0 0 32px!important}
.hub-jump a,.feature-links a{padding:8px 12px!important;border:1px solid var(--s360-line)!important;border-radius:999px!important;background:white!important;color:#4f5662!important;font-size:12.5px!important;font-weight:650!important;box-shadow:none!important}
.hub-jump a:hover,.feature-links a:hover{border-color:#bbb9f0!important;color:var(--s360-brand)!important}
.editorial-callout{margin:0 0 30px;padding:20px 22px;border:1px solid #deddf7;border-left:4px solid var(--s360-brand);border-radius:16px;background:#f8f7ff}
.editorial-callout h2{margin:0 0 7px!important;font-size:17px!important;color:var(--s360-ink)!important}
.editorial-callout p{margin:0!important;color:#5e6571!important;font-size:13.5px}
.dream-group,.tattoo-group,.phrase-category,.hub-section{margin:42px 0!important}
.dream-group>h2,.tattoo-group>h2,.phrase-category>h2,.hub-section>h2{margin:0 0 16px!important;color:var(--s360-ink)!important;font-size:25px!important;letter-spacing:-.035em}
.article-list{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:10px!important}
.article-list li{padding:0!important;border:1px solid var(--s360-line)!important;border-radius:14px!important;background:white!important;box-shadow:none!important;overflow:hidden}
.article-list li a{display:block!important;height:100%;padding:15px 16px!important;color:#3a414d!important;font-size:13px;line-height:1.5;font-weight:600;transition:.15s}
.article-list li a:hover{background:#fafaff;color:var(--s360-brand)!important}
.featured-grid li,.directory-range,.category-card,.digital-term-card,.symbol-card,.editorial-card{border-color:var(--s360-line)!important;box-shadow:none!important}

/* Article experience */
.article-container{padding-top:32px!important;padding-bottom:72px!important;max-width:960px!important}
.breadcrumbs{margin:0 0 16px!important;color:#9298a2!important;font-size:11.5px!important;font-weight:600}
.breadcrumbs a{color:#757d89!important}
.breadcrumbs li+li::before{color:#c4c7ce!important}
.article{padding:54px 58px!important;border:1px solid var(--s360-line)!important;border-radius:24px!important;background:white!important;box-shadow:none!important}
.article-header{margin-bottom:28px!important}
.article-header .eyebrow,.article>.eyebrow,.seo-revised .eyebrow{color:var(--s360-brand)!important;font-size:11.5px!important;letter-spacing:.12em!important;font-weight:800!important;text-transform:uppercase}
.article h1{margin:0 0 18px!important;color:var(--s360-ink)!important;font-size:clamp(34px,5vw,48px)!important;line-height:1.08!important;letter-spacing:-.05em!important;font-weight:800!important}
.article .intro{max-width:780px!important;margin-bottom:22px!important;color:#59616d!important;font-size:17px!important;line-height:1.75!important;font-style:normal!important}
.article p{color:#353b45!important;font-size:15.5px;line-height:1.8;margin-bottom:1.15rem!important}
.article h2{margin-top:42px!important;margin-bottom:13px!important;color:var(--s360-ink)!important;font-size:27px!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:800!important}
.article h3{color:#252a32!important;font-size:17px;line-height:1.35;letter-spacing:-.018em}
.article ul:not(.toc ul):not(.related-links),.article ol{padding-left:1.35rem}
.article li{line-height:1.65}
.toc{margin:28px 0 34px!important;padding:18px 20px!important;border:1px solid var(--s360-line)!important;border-radius:16px!important;background:#f8f9fb!important}
.toc h2{margin:0 0 10px!important;color:#333944!important;font-size:13px!important;letter-spacing:.02em!important}
.toc ul{display:flex;flex-wrap:wrap;gap:7px 12px!important;margin:0!important;padding:0!important}
.toc li{margin:0!important}
.toc a{font-size:11.8px;color:#646c78!important;font-weight:600}
.toc a:hover{color:var(--s360-brand)!important}
.editorial-note,.method-note,.safety-note,.section-note,.digital-crosslink{border-left:0!important;border:1px solid #deddf5!important;border-radius:16px!important;background:#f8f7ff!important;padding:18px 20px!important;color:#545c69!important}
.scenario-card,.scenario,.emoji-context-grid>div,.symbol-context-grid>div,.digital-use-grid>article,.digital-factbox>div,.emoji-facts>div,.number-guide .digit-breakdown li,.phrases-revised .phrase-list li{border-color:var(--s360-line)!important;border-radius:16px!important;background:#fbfbfc!important;box-shadow:none!important}
details{border-bottom:1px solid var(--s360-line)!important;padding:13px 0!important}
details summary{color:#343a45!important;font-weight:700!important}
.sources{margin-top:50px;padding-top:24px;border-top:1px solid var(--s360-line);color:var(--s360-muted)!important;font-size:12px!important}
.sources h2{margin-top:0!important;font-size:17px!important;color:#3b414c!important}
.sources a{color:#5d6571!important;text-decoration:underline!important;text-decoration-color:#ccd0d8!important;text-underline-offset:3px!important}
.article table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--s360-line)!important;border-radius:14px!important;overflow:hidden}
.article th{background:#f8f9fb!important;color:#4b5360!important;font-size:12px;font-weight:750}
.article th,.article td{border:0!important;border-bottom:1px solid var(--s360-line)!important;padding:11px 13px!important}
.article tr:last-child td{border-bottom:0!important}

/* Specialty content */
.emoji-category-hero{padding:8px 0 26px!important;filter:saturate(.9)}
.editorial-grid{gap:12px!important}
.editorial-card{border-radius:18px!important;padding:16px 18px!important;transition:.18s}
.editorial-card:hover{transform:translateY(-2px);box-shadow:var(--s360-shadow-soft)!important}
.digital-term-badge{background:linear-gradient(145deg,#f3f2ff,#fafaff)!important;border-color:#e2e0fb!important;color:var(--s360-brand-deep)!important}
.symbol-card-mark,.symbol-mark{background:#f2f2ff!important;color:var(--s360-brand)!important}
.number-finder button,.button-link,.emoji-copy-button{background:var(--s360-brand)!important;border-radius:12px!important}
.phrase-number{color:var(--s360-brand)!important}

/* Simple pages */
.simple-page{max-width:860px;margin:34px auto 72px!important;padding:50px!important;border:1px solid var(--s360-line)!important;border-radius:24px!important;background:white!important;box-shadow:none!important}
.simple-page h1{color:var(--s360-ink)!important;font-size:40px!important;letter-spacing:-.04em}
.simple-page p{color:#444c58!important;line-height:1.8}

/* Footer */
.site-footer{margin-top:0!important;padding:0!important;background:#111522!important;color:#d5d8e0!important}
.footer-main{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:70px;padding:54px 0 40px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;margin-bottom:15px}
.footer-brand .brand-mark{width:36px;height:36px;border-radius:12px;box-shadow:none}
.footer-brand .brand-name{font-size:18px;color:#fff}
.footer-copy{max-width:440px;color:#969dac!important;font-size:13px!important;line-height:1.75;text-align:left!important;margin:0!important}
.footer-col h3{margin:0 0 14px;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.footer-col a{display:block;margin:0 0 9px!important;color:#aeb4c0!important;font-size:12.5px}
.footer-col a:hover{color:#fff!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px 0 24px}
.footer-bottom p{margin:0!important;color:#7f8795!important;text-align:left!important;font-size:11.5px!important}

/* Focus / selection */
::selection{background:#dcdafe;color:#23203f}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(90,85,231,.32)!important;outline-offset:3px!important}

@media(max-width:1060px){
  .site-nav>a:nth-of-type(4){display:none}
  #search-input{width:170px!important}
  .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .header-shell{min-height:68px}
  .nav-toggle{display:flex;margin-left:auto}
  .site-nav{display:none;position:absolute;left:20px;right:20px;top:76px;margin:0;padding:12px;background:#fff;border:1px solid var(--s360-line);border-radius:18px;box-shadow:var(--s360-shadow);flex-direction:column;align-items:stretch;gap:2px}
  body.nav-open .site-nav{display:flex}
  .site-nav>a{display:block!important;padding:11px 12px!important}
  .nav-more>summary{padding:11px 12px!important}
  .nav-more-menu{position:static;width:100%;margin-top:6px;box-shadow:none;border-radius:12px;background:#f7f8fa}
  .site-search{margin:8px 0 0}
  #search-input,#search-input:focus{width:100%!important}
  .search-results{left:0!important;right:0!important;width:100%!important}
  body.nav-open .nav-toggle span:nth-child(1){transform:translateY(5.8px) rotate(45deg)}
  body.nav-open .nav-toggle span:nth-child(2){opacity:0}
  body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-5.8px) rotate(-45deg)}
  .home-hero{padding:58px 40px}
  .home-section-intro{align-items:start;flex-direction:column;gap:10px}
  .footer-main{grid-template-columns:1fr 1fr;gap:38px}
  .footer-main>div:first-child{grid-column:1/-1}
}
@media(max-width:700px){
  .container{width:min(100% - 28px,1180px)!important}
  .site-header{position:sticky!important}
  .brand-name{font-size:18px}
  .brand-mark{width:38px;height:38px;border-radius:12px}
  .home-hero{margin:16px 0 38px;padding:44px 26px;border-radius:24px}
  .home-hero h1{font-size:42px!important}
  .home-hero .tagline{font-size:15px!important}
  .home-grid{grid-template-columns:1fr}
  .home-category{padding:21px!important}
  .category-container{padding-top:20px!important}
  .category-hero{padding:32px 25px!important;border-radius:20px!important}
  .category-container h1,.category-hero h1{font-size:36px!important}
  .article-container{padding-top:20px!important}
  .article{padding:30px 22px!important;border-radius:20px!important}
  .article h1{font-size:34px!important}
  .article .intro{font-size:15.5px!important}
  .article h2{font-size:23px!important;margin-top:34px!important}
  .toc ul{display:block!important}
  .toc li{margin:6px 0!important}
  .footer-main{grid-template-columns:1fr;gap:26px;padding:42px 0 32px}
  .footer-main>div:first-child{grid-column:auto}
}
@media(max-width:430px){
  .brand-name{font-size:17px}
  .home-hero h1{font-size:36px!important}
  .home-hero{padding:38px 22px}
  .hero-chips{gap:7px}
  .hero-chips a{font-size:11.5px;padding:8px 10px}
}


/* Tanda 28.1 — visual refinement: stronger brand, readability and mobile polish */

/* Brand: more distinctive, less generic */
.brand{gap:12px}
.brand-mark{
  width:46px;height:46px;border-radius:15px;
  background:
    linear-gradient(150deg,#161a35 0%,#2b2c69 58%,#163a57 100%) padding-box,
    conic-gradient(from 215deg,#8a82ff,#55d4eb,#8a82ff) border-box;
  border:1px solid transparent;
  box-shadow:0 10px 28px rgba(49,48,118,.24),inset 0 1px 0 rgba(255,255,255,.12);
}
.brand-mark::before{
  width:31px;height:21px;border-radius:50%;
  border:1.35px solid rgba(255,255,255,.66);
  border-right-color:rgba(85,212,235,.18);
  transform:rotate(-29deg);
}
.brand-mark::after{
  width:6px;height:6px;right:7px;top:8px;
  background:#69def2;
  box-shadow:0 0 0 3px rgba(105,222,242,.14),-23px 22px 0 -1px rgba(151,143,255,.88);
}
.brand-mark span{font-size:19px;font-weight:800;letter-spacing:-.06em;text-shadow:0 1px 8px rgba(0,0,0,.2)}
.brand-name{display:inline-flex;align-items:baseline;font-size:21.5px;letter-spacing:-.052em}
.brand-name>span{
  margin-left:2px;
  background:linear-gradient(110deg,#5a55e7 0%,#3e67db 48%,#0b9ebc 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.brand-name::after{content:"";width:4px;height:4px;margin-left:5px;border-radius:50%;background:#24bdd9;transform:translateY(-8px)}
.header-shell{min-height:80px}

/* Home cards: more substance and clearer hierarchy */
.home-grid{gap:18px}
.home-category{
  min-height:284px;
  padding:27px!important;
  border-color:#e0e3e9!important;
  box-shadow:0 8px 26px rgba(19,24,38,.045)!important;
  background:linear-gradient(180deg,#fff 0%,#fdfdfe 100%)!important;
}
.home-category::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#6d5dfc,#0da7c6);opacity:.72;
}
.home-category[data-accent="cyan"]::before{background:linear-gradient(90deg,#13a8c6,#6ed9eb)}
.home-category[data-accent="violet"]::before{background:linear-gradient(90deg,#6757ec,#9a78ff)}
.home-category[data-accent="rose"]::before{background:linear-gradient(90deg,#cf527b,#f497b1)}
.home-category[data-accent="amber"]::before{background:linear-gradient(90deg,#bd7a12,#e7b94f)}
.home-category[data-accent="green"]::before{background:linear-gradient(90deg,#248b5c,#69c58e)}
.home-category[data-accent="slate"]::before{background:linear-gradient(90deg,#596372,#a3aab4)}
.home-category:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(19,24,38,.075)!important}
.home-card-top{margin-bottom:20px}
.home-card-icon{width:46px;height:46px;border-radius:14px;font-size:19px}
.home-category h2{font-size:20px!important;margin-bottom:8px!important}
.home-category>.card-description{font-size:14px;line-height:1.68;margin-bottom:18px}
.home-category ul{padding-top:13px!important}
.home-category li a{padding:7.5px 0;font-size:13.35px;line-height:1.45}
.home-category li:last-child a{margin-top:5px;padding-top:10px;border-top:1px solid #f0f1f4;color:var(--s360-brand)!important;font-weight:750}
.home-section-intro p{font-size:14.5px;line-height:1.75}

/* Article reading experience */
.article-container{max-width:1000px!important}
.breadcrumbs{font-size:12.5px!important;margin-bottom:18px!important}
.article{
  position:relative;overflow:hidden;
  padding:60px 64px!important;
  border-color:#e0e3e8!important;
  box-shadow:0 12px 36px rgba(20,24,36,.045)!important;
}
.article::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#5a55e7 0%,#4f6add 48%,#0da7c6 100%)}
.article-header{padding-bottom:4px;margin-bottom:32px!important}
.article h1{font-size:clamp(38px,5vw,51px)!important;line-height:1.055!important}
.article .intro{font-size:18px!important;line-height:1.72!important;color:#545c68!important}
.article p{font-size:16.2px;line-height:1.82!important;color:#333a45!important}
.article>section>p,.article>section>ul,.article>section>ol{max-width:76ch}
.article h2{font-size:28px!important;margin-top:46px!important;margin-bottom:15px!important}
.article h3{font-size:18px!important}
.article li{font-size:15.8px;line-height:1.72}
.toc{padding:20px 22px!important;margin:30px 0 38px!important;background:linear-gradient(180deg,#fafafe,#f7f8fb)!important}
.toc h2{font-size:13.5px!important;margin-bottom:12px!important}
.toc a{font-size:12.5px!important}
.scenario-card,.scenario,.emoji-context-grid>div,.symbol-context-grid>div,.digital-use-grid>article,.digital-factbox>div,.emoji-facts>div,.number-guide .digit-breakdown li,.phrases-revised .phrase-list li{
  background:#fff!important;
  box-shadow:0 5px 18px rgba(19,24,38,.035)!important;
}
.editorial-note,.method-note,.safety-note,.section-note,.digital-crosslink{padding:20px 22px!important}
details summary{font-size:15px}
.sources{font-size:13px!important}
.sources h2{font-size:18px!important}

/* Footer: readability on desktop and mobile */
.footer-main{padding:60px 0 46px;gap:76px}
.footer-brand .brand-mark{width:40px;height:40px;border-radius:13px}
.footer-brand .brand-name{font-size:19px}
.footer-copy{font-size:14px!important;line-height:1.78!important;color:#a8aeba!important}
.footer-col h3{font-size:12.5px;margin-bottom:16px}
.footer-col a{font-size:13.5px;margin-bottom:11px!important;color:#b9bec8!important}
.footer-bottom{padding:20px 0 27px}
.footer-bottom p{font-size:12.5px!important;color:#9198a5!important}

@media(max-width:860px){
  .header-shell{min-height:74px}
  .site-nav{top:78px;padding:14px}
  .site-nav>a,.nav-more>summary{font-size:14.5px!important;padding:12px 13px!important}
  #search-input,#search-input:focus{height:44px!important;font-size:14px!important}
  .home-category{min-height:auto}
}

@media(max-width:700px){
  .container{width:min(100% - 24px,1180px)!important}
  .header-shell{min-height:74px;gap:12px}
  .brand{gap:10px}
  .brand-mark{width:42px;height:42px;border-radius:14px}
  .brand-mark::before{width:28px;height:19px}
  .brand-mark span{font-size:18px}
  .brand-name{font-size:19px;letter-spacing:-.045em}
  .brand-name::after{width:3px;height:3px;margin-left:4px;transform:translateY(-7px)}
  .nav-toggle{width:44px;height:44px;border-radius:13px}
  .site-nav{left:12px;right:12px;top:78px;border-radius:16px}

  .home-hero{margin:14px 0 40px;padding:42px 24px;border-radius:24px}
  .home-hero h1{font-size:39px!important;line-height:1.06!important}
  .home-hero .tagline{font-size:16.5px!important;line-height:1.65!important}
  .hero-kicker{font-size:11.5px;margin-bottom:16px}
  .hero-chips a{font-size:12px;padding:8.5px 11px}
  .home-section-intro h2{font-size:31px!important}
  .home-section-intro p{font-size:14.5px!important}
  .home-category{padding:24px!important;border-radius:19px!important}
  .home-card-icon{width:45px;height:45px}
  .home-category h2{font-size:20px!important}
  .home-category>.card-description{font-size:14px!important;line-height:1.62}
  .home-category li a{font-size:13.5px!important;padding:8px 0}

  .article-container{padding-top:18px!important;padding-bottom:52px!important}
  .breadcrumbs{font-size:12px!important;margin-bottom:14px!important}
  .article{padding:30px 21px 34px!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(20,24,36,.04)!important}
  .article h1{font-size:34px!important;line-height:1.08!important}
  .article .intro{font-size:16.5px!important;line-height:1.7!important}
  .article p{font-size:16px!important;line-height:1.78!important}
  .article h2{font-size:24px!important;line-height:1.24!important;margin-top:38px!important}
  .article h3{font-size:17px!important}
  .article li{font-size:15.5px!important}
  .toc{padding:18px!important;margin:25px 0 32px!important}
  .toc a{font-size:13px!important}
  .emoji-context-grid,.digital-use-grid,.digital-factbox,.symbol-context-grid{gap:12px!important}

  .footer-main{gap:30px;padding:46px 0 36px}
  .footer-brand .brand-mark{width:40px;height:40px}
  .footer-brand .brand-name{font-size:18px}
  .footer-copy{font-size:14px!important;line-height:1.75!important;max-width:100%}
  .footer-col h3{font-size:12.5px}
  .footer-col a{font-size:14px!important;margin-bottom:11px!important}
  .footer-bottom{padding:19px 0 24px}
  .footer-bottom p{font-size:12.5px!important;line-height:1.55!important}
}

@media(max-width:430px){
  .brand-name{font-size:18px}
  .brand-mark{width:41px;height:41px}
  .home-hero{padding:38px 21px}
  .home-hero h1{font-size:36px!important}
  .home-hero .tagline{font-size:16px!important}
  .home-section-intro h2{font-size:29px!important}
  .article{padding-inline:19px!important}
  .article h1{font-size:32px!important}
}