/* info-vdt.ch | finition transversale 2026-10-22
   Conserve l'identite du guide; seul ce CSS cible la presentation, pas les tarifs.
   Source Sans 3: interface; Cabin: narration; EB Garamond: titres;
   Source Serif 4: prose longue.
*/
@font-face{font-family:"Savoy Cabin";font-style:normal;font-weight:400 700;font-display:swap;src:url("/static/fonts/savoy/cabin-normal.44691444dd98.woff2") format("woff2")}
@font-face{font-family:"Savoy Cabin";font-style:italic;font-weight:400 700;font-display:swap;src:url("/static/fonts/savoy/cabin-italic.7936da259485.woff2") format("woff2")}
@font-face{font-family:"Savoy EB Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url("/static/fonts/savoy/eb-garamond-normal.f12bc30ca94a.woff2") format("woff2")}
@font-face{font-family:"Savoy EB Garamond";font-style:italic;font-weight:400 700;font-display:swap;src:url("/static/fonts/savoy/eb-garamond-italic.9cd12d294a2d.woff2") format("woff2")}
@font-face{font-family:"Savoy Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url("/static/fonts/savoy/source-sans-3-normal.9ef356ea553a.woff2") format("woff2")}
@font-face{font-family:"Savoy Source Serif 4";font-style:normal;font-weight:400 700;font-display:swap;src:url("/static/fonts/savoy/source-serif-4-normal.fb34450b3254.woff2") format("woff2")}
@font-face{font-family:"Savoy Source Serif 4";font-style:italic;font-weight:400 700;font-display:swap;src:url("/static/fonts/savoy/source-serif-4-italic.9be147cef3b5.woff2") format("woff2")}

:root{
  --serif:"Savoy EB Garamond",Georgia,serif;
  --sans:"Savoy Cabin",Arial,sans-serif;
  --ui:"Savoy Source Sans 3",Arial,sans-serif;
  --reading:"Savoy Source Serif 4",Georgia,serif;
}
body{font-family:var(--sans);font-size:16px;line-height:1.67}
h1,h2,h3{font-family:var(--serif);text-wrap:balance}
.brand-word{font-family:var(--sans);font-weight:700;letter-spacing:-.052em}
.primary-nav,.primary-nav a,.site-explorer,.header-search,.section-kicker,.overline,.eyebrow,.entry-locality,.directory-navigation,.text-arrow,.section-kicker,.search-panel form,.search-panel label,.list-heading p,.pagination,.site-footer,.weather-home-clock-kicker,.weather-home-clock-source,.weather-home-clock-status{font-family:var(--ui)}
button,input,textarea,select{font-family:var(--ui)}
.hero-lead,.page-masthead p,.section-heading>p,.entry-summary,.section-area p,.feature-layout p{font-family:var(--sans)}
.prose-page p,.editorial-article p,.vallon-prose p,.story-body p{font-family:var(--reading);line-height:1.82}
.site-header{position:relative;z-index:60}
.header-inner{min-height:80px}
.primary-nav a,.header-search,.site-explorer>summary{min-height:44px}
.primary-nav a{text-underline-offset:7px}
.hero{padding-block:36px 43px}
.hero-grid{min-height:455px;gap:clamp(35px,5vw,76px)}
.hero-copy{padding:16px 0}
.hero h1{font-size:clamp(63px,6.8vw,96px);letter-spacing:-.035em;line-height:1.02;margin:21px 0 24px}
.hero h1 em,.page-masthead h1 em{font-weight:400}
.hero-lead{font-size:clamp(16px,1.4vw,18px);line-height:1.65;margin-bottom:25px}
.hero-search{border-radius:8px}
.hero-search button{border-radius:0}
.hero-visual{min-height:400px;border-radius:3px 70px 3px 3px}
.hero-visual figcaption{font-family:var(--ui)}
.intro-band-inner{padding-block:18px}
.page-masthead{padding:42px 0 48px}
.page-masthead .breadcrumb{margin-bottom:22px}
.page-masthead h1{font-size:clamp(51px,6vw,80px);line-height:1.02;letter-spacing:-.035em;margin:0 0 17px}
.page-masthead p{font-size:16px;line-height:1.65;max-width:740px;margin-bottom:0}
.directory-navigation{padding-top:22px;margin-bottom:-8px;column-gap:18px;row-gap:8px}
.directory-navigation .text-arrow{font-size:12.5px}
.list-layout{gap:40px;padding-top:42px;padding-bottom:42px}
.search-panel{border-radius:9px;padding:23px 24px}
.search-panel h2{font-size:28px;margin-bottom:14px}
.search-panel form{gap:7px}
.search-panel label{margin-top:8px}
.search-panel input,.search-panel select{border-radius:7px;height:44px}
.search-panel .button-dark{margin-top:13px;border-radius:7px}
.search-panel .directory-specialties{margin-top:9px;border-radius:8px}
.search-panel .directory-specialties>summary{min-height:51px}
.panel-foot{padding-top:14px;margin-top:16px}
.list-heading{padding-bottom:12px}
.list-heading h2{font-size:30px}
.entry-row{padding-block:19px;min-height:111px}
.entry-row strong{font-size:clamp(23px,2.2vw,30px);line-height:1.13}
.entry-row .entry-summary{font-size:13px;line-height:1.55}
.entry-locality{font-size:11px}
.section-area{padding-top:60px;padding-bottom:70px}
.section-heading{margin-bottom:28px}
.section-heading h2,.feature-layout h2,.story-copy h2{letter-spacing:-.035em}
.footer-layout{padding-block:53px;column-gap:38px}
.foot-bottom{padding-block:18px 22px}
.foot-bottom>a[href="#contenu"]{display:none}
.savoy-scrolltop{width:44px!important;height:44px!important}
.weather-home-ribbon-inner.clock-enabled{gap:18px;padding-block:11px;min-height:0}
.weather-home-ribbon-title strong{font-size:21px}
.weather-home-ribbon-reading strong{font-size:21px}
.weather-home-clock{padding-left:19px}
.weather-home-clock-time{font-size:26px}
.vdt-clock-face{width:52px;height:52px}
@media(min-width:681px) and (max-width:1100px){
 .page-masthead{padding:35px 0 43px}
 .page-masthead h1{font-size:clamp(49px,6.1vw,72px)}
 .hero-grid{min-height:405px}
}
@media(max-width:760px){
 .header-inner{min-height:62px}
 .hero{padding:18px 0 34px}
 .hero-copy{padding:18px 0 0}
 .hero-grid{gap:20px;min-height:0}
 .hero h1{font-size:clamp(47px,11.8vw,63px);margin:17px 0 19px;letter-spacing:-.035em;line-height:1.03}
 .hero-lead{font-size:15.5px;line-height:1.65;margin-bottom:22px}
 .hero-search{min-height:52px}
 .hero-visual{min-height:245px;border-radius:3px 48px 3px 3px}
 .overline{line-height:1.45}
 .section-area{padding-block:42px 52px}
 .page-masthead{padding:22px 0 28px}
 .page-masthead .breadcrumb{margin-bottom:17px}
 .page-masthead h1{font-size:clamp(43px,10.9vw,54px);margin:14px 0 14px;letter-spacing:-.028em}
 .page-masthead p{font-size:15px;line-height:1.55}
 .directory-navigation{
   display:flex;flex-wrap:nowrap;gap:16px;
   overflow-x:auto;overscroll-behavior-x:contain;
   scrollbar-width:thin;padding-block:13px 10px;margin-bottom:0;
   scroll-snap-type:x proximity;
 }
 .directory-navigation .text-arrow{
   white-space:nowrap;flex:none;font-size:12.5px;
   scroll-snap-align:start;padding-bottom:4px;min-height:33px;
 }
 .list-layout{padding-top:17px;padding-bottom:32px;gap:30px}
 .search-panel{position:static;padding:17px 18px;border-radius:10px}
 .search-panel h2{font-size:27px;margin-bottom:8px}
 .search-panel form{gap:5px}
 .search-panel input,.search-panel select{height:43px}
 .search-panel label{margin-top:5px}
 .search-panel .button-dark{margin-top:10px}
 .search-panel .directory-specialties{margin-top:7px}
 .panel-foot{margin-top:12px;padding-top:10px}
 .list-heading{gap:12px}
 .list-heading h2{font-size:29px}
 .entry-row{min-height:0;padding:16px 26px 17px 0;gap:6px}
 .entry-row strong{font-size:clamp(23px,6.3vw,29px)}
 .entry-row .entry-summary{line-height:1.5}
 .footer-layout{padding-block:40px}
 .foot-bottom{padding-block:17px}
 .weather-home-ribbon-inner.clock-enabled{
   display:grid;grid-template-columns:minmax(0,1fr) auto;
   gap:10px;align-items:center;padding-block:9px;
 }
 .weather-home-weather{
   display:flex;flex-direction:column;align-items:flex-start;
   justify-content:center;gap:2px;min-width:0;
 }
 .weather-home-ribbon-title{min-width:0;display:block}
 .weather-home-ribbon-symbol,
 .weather-home-ribbon-title small,
 .weather-home-ribbon-reading small,
 .weather-home-ribbon-link{display:none!important}
 .weather-home-ribbon-title strong{
   font-size:16px;line-height:1.2;white-space:normal;letter-spacing:-.02em;
 }
 .weather-home-ribbon-reading{align-items:start;text-align:left;max-width:none;margin:0}
 .weather-home-ribbon-reading strong{font-size:18px;line-height:1.2}
 .weather-home-clock{border:0;padding:0;gap:0;min-width:0;align-self:center}
 .vdt-clock-face{display:none}
 .weather-home-clock-text{display:flex;flex-direction:column;gap:1px;align-items:end}
 .weather-home-clock-kicker{font-size:10px;line-height:1.1}
 .weather-home-clock-time{font-size:20px;line-height:1.2}
 .weather-home-clock-source,.weather-home-clock-status{display:none}
}
@media(max-width:380px){
 .weather-home-ribbon-title strong{font-size:15px}
 .weather-home-clock-time{font-size:18px}
 .hero h1{font-size:clamp(42px,12vw,49px)}
 .hero-visual{min-height:205px}
 .page-masthead h1{font-size:clamp(40px,12vw,45px)}
 .directory-navigation{gap:13px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-visual img{transition:none}
}