/* ============================================================================
   ETAMATHS PUBLISHING - etamaths.com/pb
   Custom stylesheet layered over the "khabarpatrika" WordPress theme.
   Location: Appearance -> Customize -> Additional CSS.
   No theme or template files are modified. Fonts are the self-hosted Inter and
   Source Serif 4 files already installed for the journal at /fonts/.

   1 Fonts  2 Tokens  3 Base  4 Links/buttons  5 Header/nav  6 Page shell
   7 Hero  8 Fact bar  9 Section furniture  10 Journal card  11 Pillars
   12 Lists  13 Indexing  14 Contact  15 CTA  16 Footer  17 Responsive  18 Print
   ========================================================================= */

/* 1  FONTS - self-hosted, shared with the journal site */
@font-face{font-family:"ETA Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"ETA Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"ETA Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-latin-600-normal.woff2") format("woff2");}
@font-face{font-family:"ETA Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"ETA Serif";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/source-serif-4-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"ETA Serif";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/source-serif-4-latin-400-italic.woff2") format("woff2");}
@font-face{font-family:"ETA Serif";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/source-serif-4-latin-600-normal.woff2") format("woff2");}
@font-face{font-family:"ETA Serif";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/source-serif-4-latin-700-normal.woff2") format("woff2");}

/* 2  DESIGN TOKENS - change colours here, nowhere else */
:root{
  --eta-ink:#101C33;
  --eta-ink-soft:#31415C;
  --eta-muted:#69758C;
  --eta-paper:#FFFFFF;
  --eta-bg:#F7F5F1;
  --eta-bg-2:#FBFAF7;
  --eta-line:#E4E0D8;
  --eta-line-strong:#CFC9BC;
  --eta-accent:#9A4B27;
  --eta-accent-dark:#7A3A1D;
  --eta-accent-soft:#F3EAE3;
  --eta-radius:10px;
  --eta-radius-lg:16px;
  --eta-shadow-sm:0 1px 2px rgba(16,28,51,.06), 0 1px 3px rgba(16,28,51,.04);
  --eta-shadow-md:0 2px 6px rgba(16,28,51,.06), 0 10px 28px rgba(16,28,51,.07);
  --eta-sans:"ETA Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --eta-serif:"ETA Serif",Georgia,"Times New Roman",serif;
  --eta-measure:66ch;
  --eta-shell:1120px;
}

/* 3  BASE AND TYPOGRAPHY */
body{background:var(--eta-bg);color:var(--eta-ink-soft);font-family:var(--eta-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.site{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:var(--eta-serif);color:var(--eta-ink);font-weight:600;line-height:1.22;letter-spacing:-.005em;}
.entry-content p{margin:0 0 1.1em;}
::selection{background:var(--eta-accent-soft);color:var(--eta-ink);}

/* 4  LINKS AND BUTTONS */
a{color:var(--eta-accent);text-decoration:none;}
a:hover,a:focus{color:var(--eta-accent-dark);text-decoration:underline;}
.entry-content a:focus-visible,.main-navigation a:focus-visible,.eta-btn:focus-visible{outline:2px solid var(--eta-accent);outline-offset:3px;border-radius:4px;}
.eta-btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--eta-sans);font-size:.94rem;font-weight:600;letter-spacing:.01em;line-height:1.2;padding:.86em 1.5em;border-radius:999px;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;}
.eta-btn:hover{text-decoration:none;transform:translateY(-1px);}
.eta-btn--primary{background:var(--eta-accent);color:#fff;}
.eta-btn--primary:hover,.eta-btn--primary:focus{background:var(--eta-accent-dark);color:#fff;}
.eta-btn--ghost{background:transparent;color:var(--eta-ink);border-color:var(--eta-line-strong);}
.eta-btn--ghost:hover,.eta-btn--ghost:focus{background:var(--eta-paper);color:var(--eta-ink);border-color:var(--eta-ink);}
.eta-btn--onink{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.32);}
.eta-btn--onink:hover,.eta-btn--onink:focus{background:#fff;color:var(--eta-ink);border-color:#fff;}
.eta-arrow{font-family:var(--eta-sans);font-weight:600;white-space:nowrap;}
.eta-arrow::after{content:" \2192";}

/* 5  SITE HEADER AND NAVIGATION */
.site-header{background:var(--eta-paper);border-bottom:1px solid var(--eta-line);}
.top-header{display:none;}
.main-header{padding:26px 0 20px;}
.main-header .at-container{max-width:var(--eta-shell);}
.site-title{font-family:var(--eta-serif);font-size:1.42rem;font-weight:700;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;}
.site-title a{color:var(--eta-ink);}
.site-title a:hover{color:var(--eta-accent);text-decoration:none;}
.site-description{font-family:var(--eta-sans);font-size:.82rem;color:var(--eta-muted);letter-spacing:.02em;margin-top:4px;}
.nav-wrap{background:var(--eta-paper);border-top:1px solid var(--eta-line);}
.nav-wrap .at-container{max-width:var(--eta-shell);}
.main-navigation ul li a{font-family:var(--eta-sans);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--eta-ink-soft);padding:15px 0;margin-right:34px;border-bottom:2px solid transparent;}
.main-navigation ul li:hover > a,.main-navigation ul li.current-menu-item > a,.main-navigation ul li.current_page_item > a{background:none;color:var(--eta-accent);border-bottom-color:var(--eta-accent);text-decoration:none;}
.main-navigation ul ul{background:var(--eta-ink);border-radius:var(--eta-radius);overflow:hidden;padding:6px 0;}
.main-navigation ul ul li a{color:#fff;padding:10px 18px;margin:0;border:0;text-transform:none;letter-spacing:0;}
.main-navigation ul ul li:hover > a{background:rgba(255,255,255,.10);color:#fff;border-bottom-color:transparent;}

/* 6  PAGE SHELL */
.site-content{padding:0;}
.site-content > .at-container,.page .site-content > .at-container{max-width:none;padding:0;width:100%;}
#primary.content-area,.site-main{float:none;width:100%;padding:0;}
.page .site-content > .entry-header{display:none;}
article.page{margin:0;}
.entry-content{margin:0;}
.eta-band{padding:74px 0;}
.eta-inner{max-width:var(--eta-shell);margin:0 auto;padding:0 24px;}
.eta-band--paper{background:var(--eta-paper);}
.eta-band--warm{background:var(--eta-bg-2);}
.eta-band--ink{background:var(--eta-ink);color:rgba(255,255,255,.80);}
.eta-band--ink h2,.eta-band--ink h3{color:#fff;}
.eta-band--tight{padding:52px 0;}
.eta-band + .eta-band--paper{border-top:1px solid var(--eta-line);}

/* 7  HERO */
.eta-hero{background:var(--eta-ink);color:rgba(255,255,255,.82);padding:84px 0 78px;position:relative;overflow:hidden;}
.eta-hero::after{content:"";position:absolute;right:-140px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(154,75,39,.42),rgba(154,75,39,0) 68%);pointer-events:none;}
.eta-hero .eta-inner{position:relative;z-index:1;}
.eta-eyebrow{font-family:var(--eta-sans);font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--eta-muted);margin:0 0 18px;}
.eta-hero .eta-eyebrow{color:rgba(255,255,255,.62);}
.eta-hero h1{color:#fff;font-size:clamp(2.15rem,4.6vw,3.35rem);line-height:1.12;margin:0 0 22px;max-width:19ch;letter-spacing:-.015em;}
.eta-hero .eta-lead{font-family:var(--eta-serif);font-size:1.19rem;line-height:1.6;color:rgba(255,255,255,.80);max-width:58ch;margin:0 0 32px;}
.eta-actions{display:flex;flex-wrap:wrap;gap:14px;margin:0;}

/* 8  FACT BAR */
.eta-facts{background:var(--eta-paper);border-bottom:1px solid var(--eta-line);}
.eta-facts .eta-inner{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;}
.eta-fact{padding:26px 26px 26px 0;border-right:1px solid var(--eta-line);}
.eta-fact:last-child{border-right:0;}
.eta-fact:not(:first-child){padding-left:26px;}
.eta-fact dt{font-family:var(--eta-sans);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--eta-muted);margin:0 0 7px;}
.eta-fact dd{margin:0;font-family:var(--eta-serif);font-size:1.06rem;line-height:1.4;color:var(--eta-ink);}

/* 9  SECTION FURNITURE */
.eta-section-head{margin:0 0 38px;max-width:64ch;}
.eta-section-head h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0 0 14px;}
.eta-section-head p{margin:0;font-size:1.04rem;color:var(--eta-ink-soft);}
.eta-band--ink .eta-section-head p{color:rgba(255,255,255,.72);}
.eta-rule{width:52px;height:3px;background:var(--eta-accent);border:0;margin:0 0 22px;border-radius:2px;}
.eta-page-title{font-size:clamp(1.9rem,3.4vw,2.6rem);margin:0 0 14px;}
.eta-page-lead{max-width:60ch;margin:0;font-size:1.05rem;}
.eta-h-sm{font-size:1.2rem;margin:0 0 10px;}

/* 10  JOURNAL CARD */
.eta-journal{display:grid;grid-template-columns:1.35fr 1fr;gap:0;background:var(--eta-paper);border:1px solid var(--eta-line);border-radius:var(--eta-radius-lg);box-shadow:var(--eta-shadow-md);overflow:hidden;}
.eta-journal__main{padding:40px 40px 36px;}
.eta-journal__side{padding:40px;background:var(--eta-bg-2);border-left:1px solid var(--eta-line);}
.eta-journal h3{font-size:1.62rem;margin:0 0 6px;line-height:1.25;}
.eta-journal h3 a{color:var(--eta-ink);}
.eta-journal h3 a:hover{color:var(--eta-accent);text-decoration:none;}
.eta-journal__abbr{font-family:var(--eta-sans);font-size:.83rem;color:var(--eta-muted);letter-spacing:.03em;margin:0 0 18px;}
.eta-journal p{margin:0 0 18px;}
.eta-journal__links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--eta-line);list-style:none;}
.eta-journal__links li{margin:0;}
.eta-journal__links a{font-family:var(--eta-sans);font-size:.9rem;font-weight:600;}
.eta-meta{margin:0;}
.eta-meta div{padding:12px 0;border-bottom:1px solid var(--eta-line);}
.eta-meta div:first-child{padding-top:0;}
.eta-meta div:last-child{border-bottom:0;padding-bottom:0;}
.eta-meta dt{font-family:var(--eta-sans);font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--eta-muted);margin:0 0 4px;}
.eta-meta dd{margin:0;font-size:.98rem;color:var(--eta-ink);}

/* 11  PILLAR GRID */
.eta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.eta-card{background:var(--eta-paper);border:1px solid var(--eta-line);border-radius:var(--eta-radius);padding:30px 28px;box-shadow:var(--eta-shadow-sm);}
.eta-band--paper .eta-card{background:var(--eta-bg-2);}
.eta-card__num{font-family:var(--eta-sans);font-size:.74rem;font-weight:700;letter-spacing:.14em;color:var(--eta-accent);margin:0 0 12px;}
.eta-card h3{font-size:1.2rem;margin:0 0 10px;}
.eta-card p{margin:0;font-size:.99rem;}
.eta-card p + p{margin-top:.8em;}

/* 12  SPLIT AND LISTS */
.eta-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.eta-split p{margin:0 0 14px;}
.eta-split p:last-child{margin-bottom:0;}
.eta-list{list-style:none;margin:0;padding:0;}
.eta-list li{position:relative;padding:0 0 16px 30px;margin:0;font-size:1rem;}
.eta-list li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;border:2px solid var(--eta-accent);}
.eta-list li strong{color:var(--eta-ink);font-weight:600;}
.eta-band--ink .eta-list li strong{color:#fff;}
.eta-band--ink .eta-list li::before{border-color:rgba(255,255,255,.6);}

/* 13  INDEXING STRIP */
.eta-index{text-align:center;}
.eta-index .eta-eyebrow{margin-bottom:26px;}
.eta-index__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 52px;}
.eta-index__logos img{height:34px;width:auto;max-width:170px;object-fit:contain;opacity:.66;filter:grayscale(100%);transition:opacity .2s ease,filter .2s ease;}
.eta-index__logos img:hover{opacity:1;filter:grayscale(0);}
.eta-index__note{margin:26px auto 0;max-width:78ch;font-size:.9rem;color:var(--eta-muted);}

/* 14  CONTACT BLOCKS */
.eta-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.eta-contact__item{background:var(--eta-paper);border:1px solid var(--eta-line);border-radius:var(--eta-radius);padding:28px;}
.eta-band--paper .eta-contact__item{background:var(--eta-bg-2);}
.eta-contact__item h3{font-size:1.08rem;margin:0 0 8px;}
.eta-contact__item p{margin:0 0 6px;font-size:.99rem;}
.eta-contact__item p:last-child{margin-bottom:0;}
.eta-contact__item .eta-muted{color:var(--eta-muted);font-size:.9rem;}
.eta-address{font-style:normal;font-family:var(--eta-serif);font-size:1.02rem;line-height:1.6;color:var(--eta-ink);}

/* 15  CLOSING CALL TO ACTION */
.eta-cta{background:var(--eta-ink);color:rgba(255,255,255,.80);padding:64px 0;}
.eta-cta .eta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.eta-cta h2{color:#fff;font-size:1.72rem;margin:0 0 8px;}
.eta-cta p{margin:0;color:rgba(255,255,255,.72);max-width:52ch;}

/* 16  FOOTER AND BACK-TO-TOP */
.site-footer{background:var(--eta-bg-2);border-top:1px solid var(--eta-line);}
.bottom-footer{padding:26px 0;}
.bottom-footer .at-container{max-width:var(--eta-shell);display:flex;align-items:center;justify-content:space-between;gap:16px;}
.site-info.copyright{font-family:var(--eta-sans);font-size:.83rem;letter-spacing:.04em;color:var(--eta-muted);}
.back-to-top{background:var(--eta-ink);color:#fff;border-radius:50%;width:42px;height:42px;line-height:42px;right:18px;box-shadow:var(--eta-shadow-md);}
.back-to-top:hover{background:var(--eta-accent);color:#fff;}

/* 17  RESPONSIVE */
@media screen and (max-width:1024px){
  .at-container{max-width:none;}
  .main-header .at-container,.nav-wrap .at-container,.bottom-footer .at-container{max-width:var(--eta-shell);}
  /* Theme slide-in drawer, restyled. */
  .main-navigation .toggle-button{height:52px;}
  .main-navigation .toggle-button::before{font-family:var(--eta-sans);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--eta-ink-soft);}
  .main-navigation .toggle-button .toggle-bar{background:var(--eta-ink);}
  .main-navigation ul.nav-menu{background:var(--eta-ink);width:300px;padding-top:88px;}
  .main-navigation ul.nav-menu li{display:block;}
  .main-navigation ul.nav-menu li a{color:#fff;padding:14px 28px;margin:0;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:none;text-transform:uppercase;letter-spacing:.06em;font-size:.84rem;}
  .main-navigation ul.nav-menu li:hover > a,.main-navigation ul.nav-menu li.current-menu-item > a,.main-navigation ul.nav-menu li.current_page_item > a{background:rgba(255,255,255,.08);color:#fff;border-bottom-color:rgba(255,255,255,.10);}
  .main-navigation .btn-close::before,.main-navigation .btn-close::after{background:rgba(255,255,255,.65);}
  .eta-journal{grid-template-columns:1fr;}
  .eta-journal__side{border-left:0;border-top:1px solid var(--eta-line);}
  .eta-grid{grid-template-columns:repeat(2,1fr);}
  .eta-contact{grid-template-columns:repeat(2,1fr);}
  .eta-split{gap:40px;}
}
@media screen and (max-width:767px){
  body{font-size:16px;}
  .main-header{padding:20px 0 16px;}
  .site-title{font-size:1.18rem;letter-spacing:.05em;}
  .eta-band,.eta-hero{padding:52px 0;}
  .eta-band--tight{padding:40px 0;}
  .eta-inner{padding:0 20px;}
  .eta-hero h1{max-width:none;}
  .eta-actions .eta-btn{width:100%;justify-content:center;}
  .eta-facts .eta-inner{grid-auto-flow:row;grid-template-columns:1fr 1fr;}
  .eta-fact{padding:20px 18px;border-bottom:1px solid var(--eta-line);}
  .eta-fact:nth-child(2n){border-right:0;}
  .eta-fact:not(:first-child){padding-left:18px;}
  .eta-fact:nth-child(2n+1){padding-left:0;}
  .eta-fact:last-child{border-bottom:0;}
  .eta-journal__main,.eta-journal__side{padding:28px 24px;}
  .eta-grid,.eta-contact{grid-template-columns:1fr;}
  .eta-split{grid-template-columns:1fr;gap:34px;}
  .eta-cta .eta-inner{flex-direction:column;align-items:flex-start;}
  .bottom-footer .at-container{flex-direction:column;text-align:center;}
  .eta-index__logos{gap:22px 34px;}
  .eta-index__logos img{height:28px;}
}

/* 18  PRINT */
@media print{
  .nav-wrap,.back-to-top,.eta-cta,.eta-actions{display:none !important;}
  body{background:#fff;font-size:11pt;}
  .eta-hero{background:#fff;color:#000;padding:0 0 18pt;}
  .eta-hero h1,.eta-hero .eta-lead,.eta-hero .eta-eyebrow{color:#000;}
  .eta-band{padding:18pt 0;}
  .eta-journal,.eta-card,.eta-contact__item{box-shadow:none;}
}

/* 19  THEME OVERRIDE PATCHES */
#primary.content-area{margin:0;}
.site-main .entry-content,article.page .entry-content{margin:0;}
.page .site-content > .entry-header{display:none;padding:0;}
.eta-band--ink .eta-card{background:var(--eta-paper);}
.eta-band--ink .eta-card h3{color:var(--eta-ink);}
.eta-band--ink .eta-card p{color:var(--eta-ink-soft);}
.bottom-footer{background:var(--eta-bg-2);color:var(--eta-muted);padding:26px 0;}
.bottom-footer a{color:var(--eta-accent);}
.bottom-footer a:hover{color:var(--eta-accent-dark);}
.bottom-footer .copyright,.bottom-footer .privacy-policy{width:auto;}
.eta-index__logos{gap:30px 56px;}
.eta-index__logos img{height:30px;max-width:160px;}
.eta-index__logos{align-items:flex-end;min-height:34px;}
.eta-index__note{margin-top:44px;}

/* 20  EDITOR-SAFE MARKUP
   The block editor strips dl/dt/dd, so the fact bar and the journal meta
   panel are built from div+span instead. Both forms are styled here. */
.eta-fact__k,.eta-meta__k{display:block;font-family:var(--eta-sans);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--eta-muted);margin:0 0 7px;}
.eta-fact__v{display:block;font-family:var(--eta-serif);font-size:1.06rem;line-height:1.4;color:var(--eta-ink);}
.eta-meta__row{padding:12px 0;border-bottom:1px solid var(--eta-line);}
.eta-meta__row:first-child{padding-top:0;}
.eta-meta__row:last-child{border-bottom:0;padding-bottom:0;}
.eta-meta__k{letter-spacing:.13em;margin-bottom:4px;}
.eta-meta__v{display:block;font-size:.98rem;color:var(--eta-ink);}

/* ==========================================================================
   21  MASTHEAD — single-row lockup
   Brand mark and wordmark on the left, navigation on the right, on one line.
   Overrides the two-row header set up in section 5. Pure CSS: the WordPress
   site title, the menu and the theme templates are untouched.

   The wordmark is the site title wrapped to two lines by width:min-content,
   with the first line ("ETAMATHS") restyled through ::first-line and the
   second ("PUBLISHING") taking the base style. The eta is a ::before on
   .site-branding — the Greek letter the name begins with, Eta-maths.
   ========================================================================== */

.site-header{
  display:flex;
  align-items:center;
  gap:20px;
  border-top:3px solid var(--eta-accent);
  border-bottom:1px solid var(--eta-line);
  padding:0 max(24px,calc((100% - 1120px)/2 + 24px));
}

.main-header{flex:0 0 auto;padding:13px 0;}
.main-header .at-container{max-width:none;padding:0;margin:0;display:block;}

.site-branding{display:flex;align-items:center;gap:13px;}
.site-branding::before{
  content:"\03B7";
  flex:0 0 auto;
  width:38px;height:38px;
  border-radius:8px;
  background:var(--eta-ink);
  color:#E8B591;
  font-family:var(--eta-serif);
  font-size:25px;line-height:38px;font-weight:600;
  text-align:center;
}

.site-title{
  font-family:var(--eta-sans);
  font-size:.63rem;
  font-weight:600;
  letter-spacing:.34em;
  line-height:1.1;
  text-transform:uppercase;
}
.site-title a{
  display:block;
  width:min-content;
  color:var(--eta-accent);
  word-break:normal;
  overflow-wrap:normal;
  word-wrap:normal;
}
.site-title a::first-line{
  font-family:var(--eta-serif);
  font-size:1.18rem;
  font-weight:700;
  letter-spacing:.10em;
  color:var(--eta-ink);
}
.site-title a:hover{text-decoration:none;}
.site-title a:hover::first-line{color:var(--eta-accent);}

.nav-wrap{flex:1 1 auto;background:none;border:0;}
.nav-wrap .at-container{max-width:none;padding:0;margin:0;}
.main-navigation{display:flex;justify-content:flex-end;}
.main-navigation ul li a{padding:14px 0;margin:0 0 0 30px;}

@media screen and (max-width:1024px){
  .main-navigation .toggle-button{width:auto;padding-right:36px;}
}

@media screen and (max-width:767px){
  .site-header{gap:12px;padding:0 20px;}
  .main-header{padding:11px 0;}
  .site-branding::before{width:34px;height:34px;font-size:22px;line-height:34px;border-radius:7px;}
  .site-title{font-size:.58rem;letter-spacing:.3em;}
  .site-title a::first-line{font-size:1.02rem;}
  .main-navigation .toggle-button{width:30px;padding-right:0;height:44px;}
  .main-navigation .toggle-button::before{content:"";}
}