@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  --font-display: "Barlow Condensed", sans-serif;
  --font-body: "Source Sans 3", sans-serif;
  --color-ink: #F2F5FA;
  --color-muted: #AAB6C6;
  --color-surface: #090E17;
  --color-surface-alt: #101927;
  --color-accent: #1769BF;
  --color-accent-pressed: #10569F;
  --color-success: #44A981;
  --color-warning: #E1A34B;
  --color-danger: #D96B68;
  --line: #263448;
  --white: #fff;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --radius-control: 6px; --radius-card: 12px; --radius-feature: 20px;
  --content-width: 1160px;
  font-family: var(--font-body);
  color: var(--color-ink);
  background: var(--color-surface);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-size: 18px; line-height: 1.45; background: var(--color-surface); }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--color-success); outline-offset: 3px; }
.wrap { width: min(calc(100% - 48px), var(--content-width)); margin-inline: auto; }
.skip { position: absolute; top: -100px; left: 16px; z-index: 10; background: white; padding: 12px; }
.skip:focus { top: 16px; }
.topline { height: 4px; background: var(--color-accent); }
.header { border-bottom: 1px solid var(--line); background: var(--color-surface); }
.nav { min-height: 78px; display: flex; justify-content: space-between; align-items: center; gap: 28px; }
.brand { font: 700 28px/1 var(--font-display); text-decoration: none; letter-spacing: .02em; }
.brand span { color: var(--color-accent); }
.navlinks { display: flex; gap: 28px; align-items: center; font-size: 16px; }
.navlinks a { text-decoration: none; }
.navlinks a:hover { text-decoration: underline; text-underline-offset: 4px; }
.button { display: inline-flex; min-height: 48px; padding: 12px 20px; justify-content: center; align-items: center; gap: 8px; border-radius: var(--radius-control); color: var(--white); background: var(--color-accent); border: 1px solid var(--color-accent); font-size: 17px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background-color 180ms ease, transform 180ms ease; }
.button:hover { background: var(--color-accent-pressed); transform: translateY(-1px); }
.button.secondary { background: transparent; border-color: var(--color-ink); color: var(--color-ink); }
.button.secondary:hover { background: var(--color-surface-alt); }
.eyebrow { display: inline-block; color: var(--color-success); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1,h2,h3 { font-family: var(--font-display); line-height: 1.04; margin: 0; }
h1 { max-width: 760px; font-size: clamp(48px, 7vw, 76px); letter-spacing: -.015em; }
h2 { font-size: clamp(36px, 5vw, 50px); }
h3 { font-size: 29px; }
p { margin: 0; }
.hero { padding: 74px 0 76px; }
.hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 50px; align-items: center; }
.hero-copy { display: grid; gap: 22px; }
.hero-copy > p { color: var(--color-muted); max-width: 550px; font-size: 20px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.hero-note { font-size: 15px !important; }
.hero-art { min-height: 355px; border-radius: var(--radius-feature); background: #0B1B34; position: relative; overflow: hidden; padding: 24px; display: flex; align-items: end; border: 1px solid #1D3D67; }
.hero-art::before { content: ""; position: absolute; inset: 24px 24px 82px; border: 1px solid #355880; border-radius: 13px; background: #0D1726; box-shadow: 0 12px 38px rgba(0,0,0,.28); }
.hero-art::after { content: ""; position: absolute; width: 112px; height: 112px; right: 58px; top: 55px; border-radius: 50%; background: #173B6D; border: 1px solid #2B5C99; }
.screen-label { position: relative; z-index: 1; max-width: 300px; padding: 20px 22px; background: #111D2E; border-left: 4px solid var(--color-accent); border-radius: 0 var(--radius-card) var(--radius-card) 0; }
.screen-label strong { display: block; font: 600 28px/1.1 var(--font-display); margin-bottom: 6px; }
.screen-label span { font-size: 15px; color: var(--color-muted); }
.section { padding: 76px 0; }
.section.alt { background: var(--color-surface-alt); }
.section-head { display: grid; gap: 14px; max-width: 690px; margin-bottom: 34px; }
.section-head p { color: var(--color-muted); max-width: 620px; }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; }
.plan { background: var(--color-surface); border: 1px solid var(--line); border-radius: var(--radius-card); padding: 26px; display: flex; flex-direction: column; gap: 18px; }
.plan.featured { border: 2px solid var(--color-success); padding: 25px; }
.plan-kicker { min-height: 21px; color: var(--color-success); font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.plan h3 { font-size: 31px; }
.price { font: 700 46px/.95 var(--font-display); }
.price small { font: 600 17px/1 var(--font-body); color: var(--color-muted); }
.equiv { color: var(--color-muted); font-size: 15px; }
.plan .button { width: 100%; margin-top: auto; }
.plan p { color: var(--color-muted); font-size: 16px; }
.fineprint { color: var(--color-muted); font-size: 14px; margin-top: 16px; }
.steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.step { border-top: 2px solid var(--color-accent); padding-top: 17px; display: grid; gap: 10px; align-content: start; }
.step-number { font: 700 20px/1 var(--font-display); color: var(--color-accent); }
.step h3 { font-size: 26px; }
.step p { color: var(--color-muted); font-size: 16px; }
.guide-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.guide-card { padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--color-surface); display: grid; gap: 12px; }
.guide-card p { color: var(--color-muted); }
.catalogue-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.catalogue-card { min-height: 186px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius-card); background: #0D1521; display: flex; flex-direction: column; gap: 12px; }
.catalogue-card .eyebrow { font-size: 12px; }
.catalogue-card h3 { font-size: 27px; }
.catalogue-card p { color: var(--color-muted); font-size: 15px; margin-top: auto; }
.catalogue-note { margin-top: 18px; padding: 16px 18px; border: 1px solid #284466; border-radius: var(--radius-card); background: #101D2D; color: var(--color-muted); font-size: 16px; }
.catalogue-note strong { color: var(--color-ink); }
.catalogue-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; }
.catalogue-nav a { display: inline-flex; min-height: 42px; padding: 9px 15px; align-items: center; border: 1px solid #2B3B50; border-radius: 999px; color: var(--color-ink); text-decoration: none; font-size: 15px; font-weight: 700; }
.catalogue-nav a:hover { border-color: var(--color-accent); background: #142238; }
.channel-groups { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 40px; }
.channel-group { padding: 20px; border-radius: var(--radius-card); border: 1px solid var(--line); background: #0D1521; }
.channel-group h3 { font-size: 24px; margin-bottom: 15px; }
.channel-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.channel-chips span { padding: 6px 10px; border-radius: 4px; background: #17263B; color: #DFE8F5; font-size: 14px; }
.rail-section { scroll-margin-top: 28px; margin-top: 38px; }
.rail-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 18px; }
.rail-heading h3 { font-size: 32px; }
.rail-heading p { max-width: 500px; color: var(--color-muted); font-size: 15px; }
.poster-rail { display: flex; gap: 14px; overflow-x: auto; padding: 2px 2px 14px; scroll-snap-type: x mandatory; }
.poster-card { flex: 0 0 clamp(150px, 17vw, 196px); overflow: hidden; border-radius: 9px; border: 1px solid #26374D; background: #101927; scroll-snap-align: start; }
.poster-card img { display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; background: #142238; }
.poster-meta { padding: 12px 13px 14px; }
.poster-meta span { display: block; color: #84B9F1; font-size: 13px; margin-bottom: 5px; }
.poster-meta strong { display: block; font: 600 21px/1.05 var(--font-display); min-height: 42px; }
.poster-meta a { display: inline-block; margin-top: 11px; color: #A9CEFA; font-size: 14px; font-weight: 700; text-underline-offset: 3px; }
.catalogue-disclaimer { color: var(--color-muted); font-size: 14px; margin-top: 18px; }
.checklist { padding-left: 22px; margin: 4px 0 0; display: grid; gap: 10px; }
.checklist li { padding-left: 4px; }
.faq { display: grid; gap: 10px; max-width: 850px; }
details { background: var(--color-surface); border: 1px solid var(--line); border-radius: var(--radius-card); padding: 17px 20px; }
summary { cursor: pointer; font-weight: 700; }
details p { padding-top: 12px; color: var(--color-muted); }
.contact-band { background: #111D2E; color: var(--color-ink); padding: 48px; border: 1px solid #263A54; border-radius: var(--radius-feature); display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.contact-band p { color: #BAC5D4; max-width: 560px; margin-top: 12px; }
.contact-band h2 { font-size: clamp(34px, 4vw, 44px); }
.contact-band .button { flex-shrink: 0; }
.footer { border-top: 1px solid var(--line); padding: 28px 0; color: var(--color-muted); font-size: 14px; }
.footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; }
.footer a { text-underline-offset: 3px; }
.notice { padding: 16px 18px; background: #2A2116; border-left: 4px solid var(--color-warning); border-radius: 0 var(--radius-control) var(--radius-control) 0; color: var(--color-ink); font-size: 16px; }
.domain-tag { font-size: 14px; color: var(--color-muted); }
.mobile-toggle { display: none; }
@media (max-width: 760px) {
  .wrap { width: min(calc(100% - 32px), var(--content-width)); }
  .nav { min-height: 68px; flex-wrap: wrap; }
  .mobile-toggle { display: inline-flex; min-width: 48px; min-height: 48px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: var(--radius-control); background: transparent; color: var(--color-ink); font-size: 24px; }
  .navlinks { display: none; width: 100%; padding: 0 0 16px; flex-direction: column; align-items: stretch; gap: 0; }
  .navlinks.open { display: flex; }
  .navlinks a { padding: 12px 4px; }
  .navlinks .button { margin-top: 8px; }
  .hero { padding: 50px 0 54px; }
  .hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .hero-art { min-height: 260px; }
  .section { padding: 56px 0; }
  .plans, .steps, .guide-grid, .catalogue-grid, .channel-groups { grid-template-columns: 1fr; }
  .contact-band { padding: 30px 24px; flex-direction: column; align-items: flex-start; }
  .actions .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }


/* Direction éditoriale : papier ivoire, encre et bordeaux. */
:root { --font-display: Georgia, 'Times New Roman', serif; --font-body: 'Source Sans 3', Arial, sans-serif; --color-ink:#2D2022; --color-muted:#66585A; --color-surface:#FBF7F1; --color-surface-alt:#F1E8DF; --color-accent:#812D3B; --color-accent-pressed:#68212E; --color-success:#9A6A35; --line:#D9C9BD; --white:#fff; }
body { background:var(--color-surface); }
.topline { height:6px; background:var(--color-accent); }
.header { background:#FBF7F1; border-bottom-color:var(--line); }
.brand { font-size:30px; letter-spacing:-.04em; }
.hero { padding:88px 0 90px; }
.hero-grid { grid-template-columns:1.15fr .85fr; gap:72px; }
.hero-copy { gap:26px; }
h1 { font-size:clamp(50px,6.6vw,78px); letter-spacing:-.045em; }
h2,h3 { letter-spacing:-.025em; }
.eyebrow { color:var(--color-accent); letter-spacing:.12em; }
.hero-art { min-height:390px; border-radius:2px; border:0; background:#E8D8CC; padding:26px; }
.hero-art::before { inset:30px 30px 98px; border:1px solid #A57F70; border-radius:2px; background:#F6EEE7; box-shadow:12px 12px 0 #D5B7A7; }
.hero-art::after { width:92px; height:92px; right:62px; top:60px; background:#812D3B; border:0; border-radius:50% 50% 0 50%; }
.screen-label { background:#FBF7F1; color:var(--color-ink); border-left:4px solid var(--color-accent); border-radius:0; }
.screen-label span { color:var(--color-muted); }
.section.alt { background:#F1E8DF; }
.plans { gap:0; border-top:1px solid var(--line); }
.plan { border:0; border-bottom:1px solid var(--line); border-radius:0; padding:24px 18px; background:transparent; }
.plan.featured { border:0; border-bottom:1px solid var(--line); border-top:3px solid var(--color-accent); padding:22px 18px 24px; background:#EADBD0; }
.plan-kicker { color:var(--color-accent); letter-spacing:.12em; }
.plan .button.secondary { color:var(--color-accent); border-color:var(--color-accent); }
.step { border-top-color:var(--color-accent); }
.step-number { color:var(--color-accent); }
.guide-card,.catalogue-card,.channel-group,details { background:#FFFCF8; border-color:var(--line); border-radius:2px; }
.catalogue-card { border-top:3px solid #B8957E; }
.catalogue-note { background:#F1E8DF; border-color:var(--line); color:var(--color-muted); border-radius:2px; }
.catalogue-note strong,.poster-meta span { color:var(--color-accent); }
.catalogue-nav a { border-color:#CBB7A9; color:var(--color-ink); border-radius:2px; }
.catalogue-nav a:hover { border-color:var(--color-accent); background:#F1E8DF; }
.channel-chips span { background:#EADBD0; color:#39282A; }
.poster-card { background:#FFFCF8; border-color:var(--line); border-radius:2px; }
.poster-meta a { color:var(--color-accent); }
.contact-band { background:#812D3B; color:#fff; border:0; border-radius:2px; }
.contact-band p { color:#F2E6E2; }
.contact-band .button { background:#FBF7F1; color:#812D3B; border-color:#FBF7F1; }
.notice { background:#F4E8D5; color:#38291E; border-left-color:#9A6A35; }
.footer { border-top-color:var(--line); }
.mobile-toggle { border-color:var(--line); color:var(--color-ink); }
a:focus-visible,button:focus-visible,summary:focus-visible { outline-color:#9A6A35; }
@media(max-width:760px) { .hero {padding:54px 0;} .hero-grid {grid-template-columns:1fr;gap:32px;} .hero-art {min-height:265px;} .plan,.plan.featured {padding:23px 18px;} }


/* Guide Smarters — page magazine éditoriale, colonne de lecture et catalogue en grille. */
:root { --color-surface:#FBF7F1; --color-surface-alt:#F1E8DF; --color-accent:#812D3B; --color-accent-pressed:#68212E; --color-success:#9A6A35; --line:#D9C9BD; --font-display:Georgia,'Times New Roman',serif; }
.wrap { --content-width:1040px; }
.header { border-bottom:1px solid var(--line); }
.nav { min-height:72px; }
.brand { font-family:Georgia,'Times New Roman',serif; font-size:26px; }
.hero { padding:86px 0 74px; background:#FBF7F1; border-bottom:1px solid var(--line); }
.hero-grid { display:block; max-width:820px; }
.hero-art { display:none; }
.hero-copy { gap:25px; }
.hero-copy::after { content:'GUIDE PRATIQUE  /  DROITS · APPAREILS · TARIFS'; color:#812D3B; border-top:1px solid #812D3B; padding-top:14px; width:max-content; max-width:100%; font:700 12px/1.4 var(--font-body); letter-spacing:.12em; }
h1 { max-width:760px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(48px,7vw,82px); line-height:.98; }
.hero-copy > p { max-width:660px; }
.hero-note { border-left:2px solid #812D3B; padding-left:16px; }
.section { padding:70px 0; }
.section.alt { background:#FBF7F1; border-block:1px solid var(--line); }
.section-head { max-width:650px; }
.steps { grid-template-columns:1fr; gap:0; border-top:1px solid var(--line); }
.step { grid-template-columns:58px 190px 1fr; align-items:start; gap:18px; border-top:0; border-bottom:1px solid var(--line); padding:20px 0; }
.step-number { font:700 14px/1.4 var(--font-body); letter-spacing:.12em; }
.step h3 { font-size:24px; }
.step p { max-width:600px; }
#droits .notice { max-width:850px; padding:22px 25px; font:20px/1.5 Georgia,serif; background:#F4E8D5; }
#droits .guide-card { border:0; border-top:2px solid #812D3B; padding:24px 0; background:transparent; }
#tarifs .plans { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:24px; border:0; }
#tarifs .plan,#tarifs .plan.featured { display:flex; border:0; border-top:1px solid #812D3B; border-radius:0; padding:20px 0; background:transparent; box-shadow:none; }
#tarifs .plan.featured { border-top-width:5px; }
#tarifs .plan .price { font:700 40px/1.1 Georgia,serif; color:#2D2022; }
#tarifs .plan h3 { font:italic 22px/1.2 Georgia,serif; }
#tarifs .plan .button { align-self:flex-start; width:auto; margin-top:8px; }
#catalogue .catalogue-nav { border-bottom:1px solid var(--line); padding-bottom:18px; }
#catalogue .poster-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:visible; gap:18px; }
#catalogue .poster-card { flex:none; border:0; border-radius:0; background:transparent; }
#catalogue .poster-card img { border-radius:0; border-bottom:3px solid #812D3B; }
#catalogue .poster-meta { padding:12px 0; }
#catalogue .poster-meta strong { font:600 20px/1.15 Georgia,serif; }
#catalogue .channel-groups { gap:0; border-top:1px solid var(--line); }
#catalogue .channel-group { border:0; border-bottom:1px solid var(--line); border-radius:0; padding:20px 0; background:transparent; }
#catalogue .channel-chips span { background:transparent; padding-inline:0; margin-right:11px; text-decoration:underline; text-decoration-color:#D9C9BD; text-underline-offset:4px; }
.contact-band { padding:36px 0; border:0; border-top:1px solid #812D3B; border-bottom:1px solid #812D3B; background:transparent; color:#2D2022; }
.contact-band p { color:#66585A; }
.contact-band .button { background:#812D3B; color:white; }
.footer { background:#F1E8DF; }
@media(max-width:760px) {
 .hero {padding:54px 0 48px;} .hero-grid {display:block;} .hero-art {display:none;}
 .step {grid-template-columns:42px 1fr; gap:8px 14px;} .step p {grid-column:2;}
 #tarifs .plans {grid-template-columns:1fr; gap:8px;}
 #catalogue .poster-rail {grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
 .contact-band {align-items:flex-start;}
}
/* Guide éditorial : index fixe et articles pays en colonne. */
.catalogue-editorial{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;align-items:start}.country-index{position:sticky;top:1rem;padding:1rem;background:#f0e9df;border-radius:4px}.country-index nav{display:grid;gap:.4rem}.country-index nav a{display:flex;gap:.8rem;padding:.65rem;color:#542b35;text-decoration:none;border-bottom:1px solid #d9c9bd}.country-index nav a:first-letter{font-weight:800}.country-articles{display:grid;gap:1rem}.country-article{padding:1.5rem 0;border-bottom:1px solid #d8c9be}.country-article h3{font-family:Georgia,serif;font-size:1.6rem}.editorial-channel-list{columns:2;padding-left:1.2rem;line-height:2}.install-note{margin-top:2rem;padding:1.4rem;border-left:4px solid #813e4e;background:#f7f1e9}.catalogue-disclaimer{font-size:.9rem;color:#635b54}.tutorial-link{color:#713647;font-weight:700}
@media(max-width:700px){.catalogue-editorial{grid-template-columns:1fr}.country-index{position:static}.country-index nav{grid-template-columns:repeat(2,1fr)}}

/* Apple-inspired web polish: restrained glass navigation, readable states, identity-specific accent. */
.header { position: sticky; top: 0; z-index: 50; isolation: isolate; background: transparent; border-bottom: 0; }
.header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(250, 247, 241, .82); -webkit-backdrop-filter: saturate(165%) blur(18px); backdrop-filter: saturate(165%) blur(18px); border-bottom: 1px solid rgba(154, 81, 96, .20); box-shadow: 0 8px 26px rgba(0,0,0,.06), inset 0 1px rgba(255,255,255,.32); pointer-events: none; }
.header .nav { position: relative; }
.navlinks > a:not(.button) { display: inline-flex; align-items: center; min-height: 44px; padding: .55rem .75rem; border-radius: 999px; transition: background-color 180ms ease, color 180ms ease; }
.navlinks > a:not(.button):hover { background: rgba(154, 81, 96, .20); text-decoration: none; }
.navlinks > .button, .button { min-height: 48px; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; }
.button:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(154, 81, 96, .20); }
.button:active { transform: scale(.98); }
/* Smarters Guide: long-form editorial cover and reading index. */
.editorial-hero{background:#f5f0e7;color:#29251f;padding:clamp(48px,7vw,92px) 0;border-bottom:1px solid #d8ccbb}.editorial-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:clamp(44px,9vw,130px);align-items:center}.editorial-title h1{font:500 clamp(2.8rem,6vw,5.6rem)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.045em;max-width:11ch;margin:.45em 0}.editorial-title>p{max-width:56ch;color:#655d52;font-size:1.1rem;line-height:1.75}.editorial-title .eyebrow,.index-label{color:#8a5638;letter-spacing:.15em;font-size:.74rem;font-weight:750}.editorial-hero .button{background:#763f32}.editorial-hero .button.secondary{background:transparent;color:#763f32;border:1px solid #bba391}.editorial-index{display:grid;border-top:2px solid #763f32}.editorial-index .index-label{padding:18px 0 10px}.editorial-index a{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #d8ccbb;color:#38332d;text-decoration:none}.editorial-index a:hover{color:#763f32;padding-left:5px}.editorial-index b{color:#a37c5c;font-variant-numeric:tabular-nums}
@media(max-width:760px){.editorial-hero-layout{grid-template-columns:1fr;gap:30px}.editorial-title h1{font-size:clamp(2.6rem,12vw,4rem)}}
:focus-visible { outline: 3px solid #8d4054; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (prefers-contrast: more) { .header::before { background: rgba(250, 247, 241, .96); -webkit-backdrop-filter: none; backdrop-filter: none; } .navlinks > a:not(.button) { text-decoration: underline; text-underline-offset: .18em; } }