/* WISELYCAST | Editorial Foundation
   A restrained design system; the reference content, prices and page functions stay intact. */
:root {
  color-scheme:light;
  --navy:#273630; --midnight:#1c2925;
  --blue:#86654c; --blue2:#6c4d38; --sky:#ece1d6; --aqua:#b5bda8;
  --paper:#f7f5f1; --card:#ffffff; --card2:#f3eee7;
  --ink:#22312d; --muted:#69736d; --border:#e5e4dd;
  --shadow:0 14px 44px rgba(30,47,38,.07);
  --radius:14px;
  --font:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
html{scroll-padding-top:90px}
body{background:var(--paper);font:400 15px/1.72 var(--font);color:var(--ink);letter-spacing:-.006em}
h1,h2,h3,h4{color:inherit;font-weight:700;letter-spacing:-.041em;line-height:1.18}
h1{font-size:clamp(2.8rem,4.3vw,4rem)}
h2{font-size:clamp(2rem,3vw,2.75rem)}
h3{font-size:1.22rem}
.container{width:min(1150px,calc(100% - 52px))}
.section{padding:91px 0}
.section-intro{max-width:690px;margin-bottom:39px}
.section-intro p{color:var(--muted);font-size:15px;line-height:1.78}
.eyebrow{font-size:10px;letter-spacing:.175em;font-weight:800;color:#846a53;margin-bottom:14px}
.kicker{border:0;background:transparent;color:#e8d2b8;border-radius:0;padding:0;gap:8px;font-size:10px;letter-spacing:.17em;font-weight:700}
.kicker .dot{display:none}
.pill{border-radius:7px;padding:5px 9px;font-size:11px;font-weight:650}
.btn{border-radius:9px;min-height:45px;padding:13px 19px;font-size:13px;font-weight:690;letter-spacing:-.006em;box-shadow:none;transition:background .18s,color .18s,border-color .18s,transform .18s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:#34463c;color:#fff;box-shadow:none}
.btn-primary:hover{background:#26372e;box-shadow:none}
.btn-outline{background:#fff;color:#35443c;border-color:#d9dad3}
.btn-white{background:#f2e6d9;color:#28392f;border:1px solid #f2e6d9;box-shadow:none}
.btn-dark{background:#35483d;color:#fff}
.btn-whatsapp{background:#223b2f;color:#fff}
.btn svg{width:16px;height:16px}
/* Navigation: elegant and compact, not gamified. */
.nav-utility{background:#eeebe6;color:#49544b;font-weight:540;letter-spacing:.01em;border-bottom:1px solid #e7e0d8}
.nav-utility .container{padding-block:8px}
.nav-utility a{color:#5c654d;text-decoration:none;font-weight:650}
.utility-left .aqua-dot{width:5px;height:5px;background:#a68b70}
.main-header{background:rgba(255,255,255,.985);box-shadow:0 1px 0 #e9e9e3;backdrop-filter:blur(12px)}
.main-header .container{height:77px;gap:20px}
.brand{gap:10px;min-width:198px}
.brand-mark{width:38px;height:38px;background:transparent;box-shadow:none;border-radius:10px}
.brand-mark img{width:38px;height:38px}
.brand-title{font-size:18px;font-weight:840;letter-spacing:-.053em;color:#283831}
.brand-title b{color:#937154}
.brand-sub{color:#858d83;font-size:9px;letter-spacing:.11em;font-weight:600;margin-top:4px}
.nav-desktop{gap:clamp(10px,1.65vw,24px)}
.nav-desktop a{font-size:13px;color:#52615a;font-weight:600}
.nav-desktop a:hover{color:#8b6b4d}
.nav-actions{gap:9px}
.theme-toggle,.menu-toggle{border-radius:9px;background:#f6f6f2;border-color:#e5e8e0;width:39px;height:39px;color:#364a3e;box-shadow:none}
.theme-toggle:hover,.menu-toggle:hover{transform:none;background:#eeefe9}
/* Hero: serious premium typography + credible annual offer. */
.hero{background:#273630;color:#fff;padding:95px 0 100px;overflow:hidden;isolation:isolate}
.hero::after{content:'';pointer-events:none;position:absolute;inset:auto -20% -95% auto;width:95%;aspect-ratio:1;border:1px solid rgba(235,220,201,.09);border-radius:50%;background:none;opacity:1;mask-image:none}
.hero::before{content:'';position:absolute;width:72%;height:95%;border:1px solid rgba(240,229,209,.045);border-radius:50%;right:-35%;top:-53%;pointer-events:none}
.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.82fr);gap:clamp(40px,5vw,90px);align-items:center}
.hero .kicker{background:transparent;border:0;color:#d9bc9b;padding:0;letter-spacing:.19em}
.hero h1{font-size:clamp(3.1rem,4.7vw,4.55rem);font-weight:700;line-height:1.09;letter-spacing:-.058em;margin:24px 0 24px;max-width:665px}
.hero h1 .glow{color:#e0bd9c;background:none;background-clip:initial;-webkit-background-clip:initial}
.hero-copy{color:#d0d9d0;font-size:16px;line-height:1.9;max-width:560px}
.hero-actions{gap:10px;margin:30px 0 30px}
.hero .btn-primary{background:#e8d0b6;color:#25382f}
.hero .btn-primary:hover{background:#f3dfca}
.hero .btn-ghost{background:transparent;border:1px solid rgba(246,242,233,.36);color:#fff}
.hero-chips{gap:12px 21px;flex-wrap:wrap}
.hero-chips span{color:#c7d4ca;font-size:11px;font-weight:540;gap:6px}
.hero-chips .icon{color:#d8b99a;width:15px;height:15px}
.hero-art{padding:0;max-width:455px;width:100%;margin-left:auto;border:0;border-radius:14px;background:#fdfcf8;box-shadow:0 38px 70px rgba(8,15,11,.18);backdrop-filter:none;color:#25352e;overflow:hidden}
.premium-offer-heading{background:#f0ebe4;min-height:54px;padding:16px 30px;display:flex;align-items:center;gap:15px;color:#6a6e64;font-size:10px;letter-spacing:.145em;font-weight:700;border-bottom:1px solid #e2dbd0}
.premium-offer-monogram{font-size:11px;letter-spacing:.08em;color:#826852;font-weight:850}
.hero-offer{width:100%;margin:0;position:static;background:transparent;color:#25362c;padding:28px 30px 25px;border-radius:0;box-shadow:none}
.offer-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hero-offer .tag{font-size:10px;letter-spacing:.105em;font-weight:800;color:#8a6b50}
.offer-index{font-size:10px;color:#8d958c;letter-spacing:.07em}
.offer-title{font-size:21px;font-weight:720;letter-spacing:-.04em;line-height:1.32;margin:19px 0 16px;max-width:280px;color:#24352c}
.offer-summary{font-size:12px;letter-spacing:.02em;color:#7b8177;margin:0 0 5px}
.hero-offer .offer-price{font-size:clamp(2.85rem,4.4vw,3.7rem);font-weight:740;letter-spacing:-.068em;color:#26372d;margin:0 0 4px;line-height:1.11}
.hero-offer .mini{color:#778177;font-size:11px;line-height:1.6}
.offer-divider{height:1px;background:#e6e3db;margin:22px 0 15px}
.offer-benefits{list-style:none;padding:0;margin:0 0 21px;display:grid;gap:0}
.offer-benefits li{display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid #efede8;font-size:12px;color:#556259;line-height:1.6;padding:9px 0}
.offer-benefits li:last-child{border-bottom:0}
.offer-tick{color:#967c61;font-weight:700}
.hero-offer .btn{background:#34463c;color:#fff;margin-top:4px;min-height:46px}
.hero-offer .btn:hover{background:#24392d}
.hero-offer .btn .wh-icon{filter:brightness(0) invert(1);width:18px;height:18px}
.offer-note{color:#8a9085;text-align:center;font-size:10px;margin:10px 0 0;line-height:1.6}
.offer-footnote{display:flex;justify-content:center;gap:11px;align-items:center;min-height:40px;padding:10px 20px 14px;color:#7e827b;font-size:10px;letter-spacing:.03em}
/* Thin trust strip and comfortable restrained cards. */
.trust-bar{background:#fbfaf8;border-top:1px solid #e5e2da;border-bottom:1px solid #ebe8e2}
.trust-item{color:#58675e;border-color:#e9e8e1;font-size:12px;font-weight:600;padding:18px 8px}
.trust-item .icon{color:#937357;width:18px;height:18px}
.feature-grid{gap:16px}
.feature-card{border-radius:13px;padding:28px 25px;box-shadow:none;background:#fff;border:1px solid #e8e6de}
.feature-card h3{font-size:17px;margin:0 0 11px;font-weight:720}
.feature-card p{font-size:13px;color:#68766c;line-height:1.85}
.feature-icon{width:39px;height:39px;border:1px solid #e7e2d7;background:#f6f3ed;border-radius:9px;color:#977c61;margin-bottom:21px}
.feature-icon svg{width:20px;height:20px}
/* Pricing: table-quality information hierarchy instead of neon product tiles. */
.plans-zone{background:#f0ede7;border-top:1px solid #e8e4dc;border-bottom:1px solid #e8e4dc}
.plans-zone .section-intro{margin-bottom:32px}
.selector-wrap{background:#fff;border:1px solid #e3dfd7;box-shadow:none;border-radius:13px;padding:21px 23px}
.selector-title{font-size:11px;font-weight:700;letter-spacing:.105em;color:#616b62}
.option-btn{border-radius:8px!important;background:#f6f5f1!important;color:#58665b!important;border:1px solid #e6e5de!important;font-weight:650!important;box-shadow:none!important;transition:background .18s,border-color .18s,color .18s!important}
.option-btn[aria-pressed=true]{background:#31453a!important;color:#fff!important;border-color:#31453a!important}
.device-switch .option-btn .icon{width:15px;height:15px}
.plan-grid{gap:14px;margin-top:22px}
.plan-card{background:#fff;border:1px solid #e5e0d7;border-radius:14px;padding:30px 27px;box-shadow:none}
.plan-card.featured{background:#2d3e34;border:1px solid #2d3e34;box-shadow:0 18px 35px rgba(25,45,30,.10);color:#fff}
.plan-ribbon{position:static;display:inline-flex;align-self:flex-start;margin-bottom:16px;border-radius:5px;background:#e6d3bd;color:#364435;font-size:9px;letter-spacing:.1em;padding:7px 10px;font-weight:800}
.plan-label,.featured .plan-label{font-size:10px;font-weight:700;color:#8a7054;letter-spacing:.14em}
.featured .plan-label{color:#e5c9ab}
.plan-term{font-size:20px;font-weight:720;letter-spacing:-.035em;line-height:1.28;margin:11px 0 20px}
.plan-price{font-size:42px;font-weight:770;color:#27372e;letter-spacing:-.066em}
.featured .plan-price{color:#fff}
.plan-monthly,.featured .plan-monthly{font-size:11px;color:#7a877b;min-height:36px;line-height:1.65}
.featured .plan-monthly{color:#d2ded0}
.plan-rule{background:#e8e7e0;margin:20px 0}
.featured .plan-rule{background:#536357}
.plan-list{font-size:12px;gap:15px;font-weight:540;line-height:1.55}
.plan-list li .icon,.featured .plan-list li .icon{color:#a78e6d;width:15px;height:15px}
.plan-foot .btn{border:1px solid #d9dfd6;background:#f4f4ef;color:#334639;font-weight:720}
.plan-foot .btn:hover{background:#ebeee7}
.featured .plan-foot .btn{background:#efe0cf;border:1px solid #efe0cf;color:#2c3b31}
.featured .plan-foot .btn:hover{background:#f8ecdf}
.plan-foot small,.featured .plan-foot small{font-size:10px;color:#869086;line-height:1.5;display:block;margin-top:9px}
.featured .plan-foot small{color:#c2d1c3}
.plan-note{color:#777e74;font-size:12px}
.price-compare{gap:16px;margin-top:23px}
.price-compare>div{background:#fff;border-color:#e5e0d7;border-radius:13px;padding:28px}
.price-compare h3{font-weight:710;font-size:19px}
.price-compare p{font-size:13px;color:#758075}
.comparison th{background:#efede7;color:#415445}
.comparison td,.comparison th{border-color:#e9e7df}
/* Country and editorial library: genuine reading surfaces. */
.regions-grid{gap:15px}
.region-card{border:1px solid #e7e3dc;border-radius:13px;background:#fff;min-height:185px;padding:25px;transition:transform .16s,box-shadow .16s}
.region-card:hover,.guide-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(29,44,35,.07)}
.region-card .flag{font-size:21px}
.region-title{font-size:17px;font-weight:690}
.region-card .arrow,.guide-card .arrow{color:#8a6b4c;font-weight:730;font-size:12px}
.guide-section{background:#263730;color:#fff}
.guide-section::before{display:none}
.guide-section .section-intro p{color:#c0cdc0}
.guide-card{border-radius:12px;background:#30443a;border:1px solid #486052;min-height:220px;box-shadow:none;padding:25px}
.guide-card .meta{color:#d9c4a8;font-size:10px;letter-spacing:.12em;font-weight:700}
.guide-card h3{font-size:17px;font-weight:680;line-height:1.37}
.guide-card p{font-size:12px;color:#c4d3c6}
.guide-card .arrow{color:#ebd0af}
.faq-grid{gap:50px}
.faq-list{gap:9px}
.faq-list details{border-radius:10px;border-color:#e4e2dc;padding:21px 24px}
.faq-list summary{font-size:14px;font-weight:700}
.faq-list summary:after{color:#907558}
.interactive-wrap{background:#fff;border:1px solid #e5e4dc;border-radius:14px;padding:36px;box-shadow:none}
.interactive-wrap h3{font-size:24px;font-weight:720}
.note-panel{background:#f1efe8;border:1px solid #e5e0d6;color:#59665a}
.media-block{gap:45px}
.cta-strip{background:#2b4034;color:#fff;border-radius:14px;padding:38px}
.cta-strip h2{font-size:28px}
.cta-strip p{color:#d9e0d6}
.site-footer{background:#1c2924;color:#cad7ca;padding-top:67px}
.site-footer .brand-title{color:#fff}
.site-footer .brand-sub{color:#c6cbbd}
.site-footer a:hover{color:#e9cfb2}
.sticky-order{background:#18865e;box-shadow:0 9px 21px #253c2d24;width:55px;height:55px;right:24px;bottom:23px}
.sticky-order:hover{transform:translateY(-2px)}
/* Article shells: polished reading rather than dark, high-saturation banners. */
.article-hero{background:#293a31;color:#f8f9f3;padding:62px 0 70px}
.article-hero h1{font-size:clamp(2.3rem,3.8vw,3.5rem);font-weight:700;line-height:1.17;max-width:900px}
.article-hero .eyebrow{color:#e0bd9f}
.article-lead{color:#d2dcd2}
.article-body{background:#fff;border:1px solid #e6e2dc;border-radius:13px;padding:41px;box-shadow:none}
.article-body h2{font-size:clamp(1.65rem,2.25vw,2.1rem);font-weight:710;letter-spacing:-.04em}
.article-body h3{font-weight:690}
.article-body p,.article-body li{color:#526258;font-size:14px;line-height:1.92}
.article-body strong{color:#25362c}
.article-body a:not(.btn){color:#74573d}
.article-body .editor-note{background:#f6f1e9;border-left:3px solid #a98a69;border-radius:0 7px 7px 0;color:#515e52}
.article-body blockquote{background:#f6f2ea;border-left:3px solid #a88d71;color:#506254;border-radius:0 7px 7px 0}
.article-toc{background:#f6f5f0;border:1px solid #e4e4de;border-radius:9px}
.article-sidebar{gap:15px}
.sidebar-card{border:1px solid #e6e2dc;border-radius:11px}
.sidebar-price{font-weight:780;color:#273a2c}
.more-articles a{border-radius:9px;background:#fbfaf7;border-color:#e6e2dc}
.sub-banner{background:#2b4034;border-radius:11px}
.privacy-banner{border-radius:12px;background:#fff}
.error-shell h1{color:#31483b}
/* Dark mode remains restrained and accessible. */
html[data-theme=dark]{color-scheme:dark;--navy:#18261f;--midnight:#14211a;--paper:#17241e;--card:#223329;--card2:#2b4033;--ink:#ecf0e8;--muted:#b9c6ba;--border:#3b5142;--shadow:0 12px 36px #00000020}
html[data-theme=dark] body{background:var(--paper)}
html[data-theme=dark] .nav-utility{background:#122019;color:#b9c6b7;border-color:#344337}
html[data-theme=dark] .nav-utility a{color:#e5ccb1}
html[data-theme=dark] .main-header{background:rgba(28,41,32,.985);box-shadow:0 1px 0 #3e5142}
html[data-theme=dark] .brand-title{color:#fff}
html[data-theme=dark] .brand-title b{color:#e0bd9f}
html[data-theme=dark] .brand-sub{color:#a5b3a9}
html[data-theme=dark] .nav-desktop a{color:#cad6c9}
html[data-theme=dark] .theme-toggle,html[data-theme=dark] .menu-toggle{background:#2b3e31;color:#f1ece3;border-color:#465a48}
html[data-theme=dark] .trust-bar{background:#1e2b23;border-color:#344537}
html[data-theme=dark] .trust-item{color:#d1decf;border-color:#405043}
html[data-theme=dark] .feature-card,html[data-theme=dark] .region-card,html[data-theme=dark] .sidebar-card,html[data-theme=dark] .faq-list details{background:var(--card);border-color:var(--border)}
html[data-theme=dark] .feature-card p,html[data-theme=dark] .region-card p{color:#bfcdbf}
html[data-theme=dark] .feature-icon{background:#354c3d;border-color:#48604c;color:#dbc2a3}
html[data-theme=dark] .plans-zone{background:#1c2b22;border-color:#3a4c3e}
html[data-theme=dark] .selector-wrap,html[data-theme=dark] .interactive-wrap,html[data-theme=dark] .price-compare>div{background:var(--card);border-color:var(--border)}
html[data-theme=dark] .selector-title{color:#dfebde}
html[data-theme=dark] .option-btn{background:#2a4031!important;border-color:#50634f!important;color:#dde9dd!important}
html[data-theme=dark] .option-btn[aria-pressed=true]{background:#d7bd9d!important;border-color:#d7bd9d!important;color:#21322b!important}
html[data-theme=dark] .plan-card{background:#233429;border-color:#475c49;color:#eaf0e8}
html[data-theme=dark] .plan-card.featured{background:#405541;border-color:#526a52;color:#fff}
html[data-theme=dark] .plan-price{color:#f2f4ee}
html[data-theme=dark] .plan-label{color:#e0bd9f}
html[data-theme=dark] .plan-monthly{color:#c0cfbf}
html[data-theme=dark] .plan-foot .btn{background:#364d3d;color:#f0f1e8;border-color:#647567}
html[data-theme=dark] .featured .plan-foot .btn{background:#efdec9;color:#27372b;border-color:#efdec9}
html[data-theme=dark] .article-body{background:var(--card);border-color:var(--border)}
html[data-theme=dark] .article-body p,html[data-theme=dark] .article-body li{color:#cbd8ca}
html[data-theme=dark] .article-body strong{color:#f4f8f0}
html[data-theme=dark] .article-body a:not(.btn){color:#f2d4b0}
html[data-theme=dark] .article-toc,html[data-theme=dark] .more-articles a{background:#2b4133;border-color:#466249}
html[data-theme=dark] .article-body .editor-note,html[data-theme=dark] .article-body blockquote{background:#2b4031;color:#d7e3d2}
html[data-theme=dark] .comparison th{background:#36503e;color:#e6ede2}
html[data-theme=dark] .price-compare p{color:#c1d0c1}
html[data-theme=dark] .note-panel{background:#2d4335;color:#d0ded0;border-color:#4d6250}
html[data-theme=dark] .btn-outline{background:#2e4435;color:#f0ede3;border-color:#4e6250}
html[data-theme=dark] .region-card .arrow{color:#f0d7b4}
html[data-theme=dark] .sidebar-price{color:#fff}
html[data-theme=dark] .privacy-banner{background:#283a2d}
/* Responsive quality controls. */
@media(max-width:1120px){
 .nav-desktop{gap:14px}
 .brand{min-width:165px}
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:35px}
 .hero h1{font-size:clamp(2.75rem,4.6vw,4.2rem)}
}
@media(max-width:980px){
 .nav-desktop{display:none}
 .mobile-panel{background:var(--card);border-color:var(--border)}
 .mobile-panel a{color:var(--ink);border-color:var(--border)}
 .hero-grid{grid-template-columns:1.05fr .95fr;gap:22px}
 .hero{padding:72px 0 79px}
 .premium-offer-heading{padding-inline:20px}
 .hero-offer{padding:23px 20px 21px}
 .plan-grid{gap:12px}
 .plan-card{padding:25px 19px}
 .plan-term{font-size:18px}
 .plan-price{font-size:36px}
}
@media(max-width:760px){
 .container{width:min(100% - 34px,540px)}
 .nav-utility .container{gap:9px}
 .main-header .container{height:69px}
 .hero{padding:61px 0 65px}
 .hero-grid{grid-template-columns:1fr;gap:34px}
 .hero h1{font-size:clamp(2.75rem,9.4vw,3.65rem);margin:16px 0 19px}
 .hero-copy{font-size:14.5px;line-height:1.83}
 .hero-art{max-width:510px;margin:0 auto}
 .hero-actions{margin:23px 0 23px}
 .hero .btn-ghost{border-color:rgba(240,235,224,.42)}
 .premium-offer-heading{min-height:43px;padding:12px 20px}
 .hero-offer{padding:24px 23px 21px}
 .offer-title{font-size:20px}
 .hero-offer .offer-price{font-size:43px}
 .offer-benefits li{font-size:12px}
 .section{padding:72px 0}
 .section-intro h2{font-size:clamp(2rem,7vw,2.5rem)}
 .feature-grid,.regions-grid,.guide-grid,.price-compare,.faq-grid,.interactive-wrap,.media-block{grid-template-columns:1fr}
 .plan-grid{grid-template-columns:1fr;gap:15px}
 .plan-card{padding:29px 26px}
 .plan-price{font-size:42px}
 .selector-wrap{padding:19px}
 .selector-row{gap:11px}
 .device-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 .device-switch .option-btn{min-width:0;font-size:0!important;white-space:nowrap;padding:11px 3px}
 .device-switch .option-btn:after{content:attr(data-device);font-size:12px;font-weight:700}
 .device-switch .option-btn .icon{height:17px;width:17px}
 .region-card{min-height:unset}
 .interactive-wrap{padding:24px}
 .article-hero{padding:42px 0 54px}
 .article-hero h1{font-size:clamp(2.15rem,7.6vw,3.15rem)}
 .article-body{padding:25px}
 .mobile-order{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:53;background:#283c2e;padding:11px 18px calc(11px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:14px;box-shadow:0 -7px 24px #14251c21}
 .mobile-order .btn{background:#e9d3b6;color:#22392b;border:0;font-weight:740}
 .mobile-order .btn .wh-icon{filter:none}
 .site-footer{padding-bottom:100px}
 .sticky-order{display:none}
}
@media(max-width:440px){
 .container{width:calc(100% - 30px)}
 .nav-utility .container{font-size:10px}
 .nav-utility a{font-size:10px}
 .brand{gap:8px}
 .brand-title{font-size:17px}
 .brand-sub{font-size:8px}
 .brand-mark,.brand-mark img{width:36px;height:36px}
 .hero h1{font-size:clamp(2.5rem,10.2vw,3.2rem)}
 .hero-art{border-radius:11px}
 .hero-offer{padding:22px 19px 17px}
 .hero-actions .btn{width:100%}
 .hero-chips{gap:8px 14px}
 .premium-offer-heading{padding-inline:19px}
 .plan-card{padding:24px 19px}
 .plan-price{font-size:39px}
 .interactive-wrap{padding:20px}
 .article-body{padding:20px}
 .trust-item{font-size:11px;padding-inline:7px}
}
@media(max-width:360px){
 .main-header .container{gap:5px}
 .brand{min-width:0;flex-shrink:1}
 .nav-actions{gap:6px;flex-shrink:0}
 .theme-toggle,.menu-toggle{width:36px;height:36px}
}