/*
Theme Name: À la Clé des Champs
Theme URI: https://gites-marais-poitevin.fr
Description: Thème léger pour les gîtes À la Clé des Champs (Arçais, Marais Poitevin). Design « carnet du marais », SEO et schema.org intégrés.
Version: 1.0.0
Author: Relève
Text Domain: cle-des-champs
*/
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/publicsans-latin.woff2) format('woff2')}
@font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/youngserif-latin.woff2) format('woff2')}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
figure.ph{margin:0}
.map{display:block;width:100%;height:420px;border:0;background:var(--paper-3)}
.book .hbook-wrapper,.book .hb-booking-form,.book form{font-family:var(--sans);color:var(--ink)}
.book .hbook-wrapper *{box-sizing:border-box}
.book .hb-title{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 12px;color:var(--ink)}
.book .hb-search-fields p,.book .hb-check-dates-wrapper,.book .hb-people-wrapper,.book .hb-accom-number-wrapper{float:none!important;width:100%!important;margin:0 0 14px!important;padding:0!important}
.book .hb-search-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.book .hb-search-fields>p{min-width:0}
.book .hb-search-button-wrapper,.book .hb-button-wrapper{float:none!important;margin:8px 0 0!important}
.book .hb-search-button-wrapper input[type=submit],.book .hb-button-wrapper input[type=submit]{width:100%}
.book table{width:100%;border-collapse:collapse}
.book p{margin:0 0 10px}
.book input[type=text],.book input[type=email],.book input[type=tel],.book input[type=number],.book select,.book textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid #a99f8a;border-radius:var(--radius);background:#fff;color:var(--ink);font:400 16px/1.4 var(--sans);box-sizing:border-box}
.book input:focus,.book select:focus,.book textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.book label{font-size:14px;font-weight:600}
.book input[type=submit],.book button,.book .hb-button,.book a.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:var(--radius);font:600 16px var(--sans);cursor:pointer;text-decoration:none}
.book input[type=submit]:hover,.book button:hover,.book .hb-button:hover{background:var(--green-2);border-color:var(--green-2)}
 :root{--paper: #f4f0e7;--paper-2: #e9e3d5;--paper-3: #ddd5c3;--ink: #1c2520;--ink-2: #4b554e;--line: #cbc2ae;--green: #2b4a3a;--green-2: #1e3529;--green-soft: #dfe5dc;--blue: #2c5570;--success: #2f6b46;--warning: #85570f;--error: #a3372b;--serif: "Young Serif",Georgia,"Times New Roman",serif;--sans: "Public Sans","Helvetica Neue",Arial,sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--s9: 112px;--gutter: clamp(20px,5vw,64px);--max: 1240px;--radius: 3px;--t: 160ms ease}*{box-sizing: border-box}body{margin: 0;background: var(--paper)}.site{background: var(--paper);color: var(--ink);font-family: var(--sans);font-size: 17px;line-height: 1.6;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip}.site img{max-width: 100%;display: block}.site h1,.site h2,.site h3,.site h4{font-family: var(--serif);font-weight: 400;margin: 0;line-height: 1.12;letter-spacing: -0.01em;text-wrap: balance}.site p{margin: 0;text-wrap: pretty}.site ul,.site ol{margin: 0;padding: 0}.site a{color: var(--blue);text-decoration-thickness: 1px;text-underline-offset: 3px;transition: color var(--t)}.site a:hover{color: var(--green-2)}.site a[href^="tel"]{white-space: nowrap}.site :focus-visible{outline: 2px solid var(--blue);outline-offset: 3px;border-radius: 1px}.skip{position: absolute;left: -9999px;top: 8px;background: var(--ink);color: #fff !important;padding: 8px 14px;z-index: 50}.skip:focus{left: 8px}.wrap{width: 100%;max-width: calc(var(--max) + 2 * var(--gutter));margin: 0 auto;padding-inline: var(--gutter)}.narrow{max-width: 68ch}.display{font-size: clamp(42px,6vw,84px);line-height: 1.02;letter-spacing: -0.025em}.h1{font-size: clamp(38px,5.4vw,72px);line-height: 1.04;letter-spacing: -0.02em}.h2{font-size: clamp(30px,3.6vw,48px)}.h3{font-size: clamp(22px,2vw,28px)}.h4{font-size: 20px}.lead{font-size: clamp(18px,1.5vw,21px);line-height: 1.55;color: var(--ink-2)}.small{font-size: 15px}.meta{font-size: 14px;letter-spacing: 0.02em;color: var(--ink-2)}.caps{font-size: 13px;letter-spacing: 0.12em;text-transform: uppercase;font-weight: 600;color: var(--ink-2)}.muted{color: var(--ink-2)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s2);min-height: 48px;padding: 0 22px;border: 1px solid var(--green);border-radius: var(--radius);background: var(--green);color: #fff !important;text-decoration: none !important;font: 600 16px/1 var(--sans);cursor: pointer;transition: background var(--t),border-color var(--t),color var(--t);white-space: nowrap}.btn:hover{background: var(--green-2);border-color: var(--green-2)}.btn-line{background: transparent;color: var(--ink) !important;border-color: var(--ink)}.btn-line:hover{background: var(--ink);color: var(--paper) !important;border-color: var(--ink)}.btn-block{width: 100%}.btn-inv{background: var(--paper);border-color: var(--paper);color: var(--ink) !important}.btn-inv:hover{background: #fff;border-color: #fff}.btn-inv-line{background: transparent;border-color: var(--paper);color: #fff !important}.btn-inv-line:hover{background: var(--paper);color: var(--ink) !important}.btn[disabled]{opacity: .5;cursor: not-allowed}.textlink{font-weight: 600;color: var(--ink) !important;text-decoration: underline;text-decoration-color: var(--line);text-underline-offset: 5px}.textlink:hover{text-decoration-color: var(--ink)}.band-green .textlink{color: #fff !important;text-decoration-color: rgba(255,255,255,.5)}.band-green .textlink:hover{text-decoration-color: #fff}.header{border-bottom: 1px solid var(--line);background: var(--paper);position: relative;z-index: 10}.header-in{display: flex;align-items: center;justify-content: space-between;gap: var(--s5);min-height: 76px}.brand{display: flex;flex-direction: column;text-decoration: none !important;color: var(--ink) !important;line-height: 1.1}.brand-name{font-family: var(--serif);font-size: 23px;letter-spacing: -0.01em}.brand-sub{font-size: 12px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-2);margin-top: 3px}.nav{display: flex;align-items: center;gap: var(--s6)}.nav-links{display: flex;gap: var(--s5);list-style: none}.nav-links a{color: var(--ink);text-decoration: none;font-size: 16px;padding: 10px 0;border-bottom: 1px solid transparent;transition: border-color var(--t)}.nav-links a:hover,.nav-links a[aria-current="page"]{border-bottom-color: var(--ink);color: var(--ink)}.nav-tel{font-size: 15px;color: var(--ink-2) !important;text-decoration: none;white-space: nowrap}.menu-m{display: none}.menu-m summary{list-style: none;cursor: pointer;min-height: 44px;min-width: 44px;display: inline-flex;align-items: center;gap: 10px;font-weight: 600;font-size: 15px;padding: 0 4px}.menu-m summary::-webkit-details-marker{display: none}.burger{width: 20px;height: 14px;position: relative}.burger::before,.burger::after{content: "";position: absolute;left: 0;right: 0;height: 2px;background: var(--ink);transition: transform var(--t),top var(--t)}.burger::before{top: 2px}.burger::after{top: 10px}.menu-m[open] .burger::before{top: 6px;transform: rotate(45deg)}.menu-m[open] .burger::after{top: 6px;transform: rotate(-45deg)}.menu-panel{position: absolute;left: 0;right: 0;top: 100%;background: var(--paper);border-bottom: 1px solid var(--line);padding: var(--s3) var(--gutter) var(--s5)}.menu-panel ul{list-style: none;display: grid}.menu-panel li a{display: block;padding: 14px 0;border-bottom: 1px solid var(--line);color: var(--ink);text-decoration: none;font-family: var(--serif);font-size: 24px}.menu-panel .menu-foot{display: grid;gap: var(--s3);margin-top: var(--s5)}@media (max-width: 1240px){.nav-tel{display: none}}.nav-links a{white-space: nowrap}@media (max-width: 1080px){.nav{display: none}.menu-m{display: block}.header-in{min-height: 64px}.brand-name{font-size: 20px}}@media (max-width: 520px){.brand-sub{display: none}}@media (max-width: 360px){.brand-name{font-size: 18px}}.section{padding-block: clamp(64px,9vw,120px)}.section-tight{padding-block: clamp(48px,6vw,80px)}.rule{border: 0;border-top: 1px solid var(--line);margin: 0}.band{background: var(--paper-2)}.band-green{background: var(--green);color: #f4f0e7}.band-green .muted,.band-green .meta,.band-green .caps,.band-green .lead{color: #c9d4cb}.band-green a{color: #fff}.sec-head{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,6fr);gap: var(--s6) var(--s8);align-items: end;margin-bottom: var(--s7)}@media (max-width: 860px){.sec-head{grid-template-columns: 1fr;gap: var(--s4);margin-bottom: var(--s6)}}.ph{position: relative;background: var(--paper-3);overflow: hidden;border-radius: 2px;background-image: linear-gradient(135deg,rgba(28,37,32,.045) 25%,transparent 25%,transparent 50%,rgba(28,37,32,.045) 50%,rgba(28,37,32,.045) 75%,transparent 75%);background-size: 14px 14px}.r-43{aspect-ratio: 4 / 3}.r-32{aspect-ratio: 3 / 2}.r-34{aspect-ratio: 3 / 4}.r-45{aspect-ratio: 4 / 5}.r-169{aspect-ratio: 16 / 9}.r-21{aspect-ratio: 21 / 9}.hero{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--s7);align-items: end;padding-block: clamp(40px,6vw,88px) clamp(48px,6vw,96px)}.hero-text{display: flex;flex-direction: column;gap: var(--s5);padding-bottom: var(--s3)}.hero-actions{display: flex;flex-wrap: wrap;gap: var(--s4);align-items: center;margin-top: var(--s3)}@media (max-width: 900px){.hero{grid-template-columns: 1fr;gap: var(--s6)}.hero-photo{margin-inline: calc(-1 * var(--gutter))}.hero-photo .ph{aspect-ratio: 4 / 3;border-radius: 0}}.facts{display: flex;flex-wrap: wrap;gap: var(--s2) var(--s6);padding-block: var(--s5);border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);list-style: none}.facts li{font-size: 15px;color: var(--ink-2)}.facts li strong{color: var(--ink);font-weight: 600}.duo{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--s7);align-items: start}.duo .gite:nth-child(2){margin-top: var(--s9)}.gite{display: flex;flex-direction: column;gap: var(--s4)}.gite-head{display: flex;justify-content: space-between;align-items: baseline;gap: var(--s4);flex-wrap: wrap;margin-top: var(--s2)}.price{font-size: 15px;color: var(--ink-2);white-space: nowrap}.price strong{font-family: var(--serif);font-weight: 400;font-size: 26px;color: var(--ink)}.gite ul.ticks{list-style: none;display: grid;gap: 6px;font-size: 16px}.gite ul.ticks li{padding-left: 20px;position: relative}.gite ul.ticks li::before{content: "";position: absolute;left: 0;top: .72em;width: 10px;border-top: 1px solid var(--ink)}.gite-actions{display: flex;gap: var(--s5);align-items: center;flex-wrap: wrap;margin-top: var(--s2)}@media (max-width: 860px){.duo{grid-template-columns: 1fr;gap: var(--s8)}.duo .gite:nth-child(2){margin-top: 0}.duo .ph{aspect-ratio: 4 / 3}}.table-box{overflow-x: auto;-webkit-overflow-scrolling: touch;margin-top: var(--s8);border-top: 2px solid var(--ink)}.compare{width: 100%;border-collapse: collapse;min-width: 560px;font-size: 16px}.compare caption{text-align: left;padding: var(--s4) 0;font-family: var(--serif);font-size: 22px}.compare th,.compare td{text-align: left;padding: 14px var(--s4) 14px 0;border-bottom: 1px solid var(--line);vertical-align: top}.compare thead th{font-family: var(--serif);font-weight: 400;font-size: 20px;padding-top: var(--s4)}.compare tbody th{font-weight: 600;color: var(--ink-2);font-size: 15px;width: 28%}.place{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--s7) var(--s8);align-items: center}.numbered{list-style: none;counter-reset: n;display: grid;gap: var(--s6)}.numbered li{counter-increment: n;display: grid;grid-template-columns: 56px minmax(0,1fr);gap: var(--s2) var(--s4)}.numbered li::before{content: counter(n,decimal-leading-zero);font-family: var(--serif);font-size: 22px;color: var(--green);line-height: 1.25;grid-row: span 2}.numbered h3{font-size: 24px}@media (max-width: 900px){.place{grid-template-columns: 1fr}}.distances{list-style: none;display: grid}.distances li{display: grid;grid-template-columns: 140px minmax(0,1fr);gap: var(--s5);padding-block: var(--s5);border-top: 1px solid rgba(244,240,231,.22)}.distances li:last-child{border-bottom: 1px solid rgba(244,240,231,.22)}.distances .when{font-family: var(--serif);font-size: 22px;line-height: 1.25;color: #fff}.region{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: var(--s8)}@media (max-width: 900px){.region{grid-template-columns: 1fr;gap: var(--s6)}.distances li{grid-template-columns: 1fr;gap: var(--s1)}}.quotes{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(420px,100%),1fr));gap: var(--s7) var(--s8)}.quote{margin: 0;display: flex;flex-direction: column;gap: var(--s4)}.quote blockquote{margin: 0;font-family: var(--serif);font-size: clamp(22px,2.2vw,28px);line-height: 1.3}.quote figcaption{font-size: 15px;color: var(--ink-2)}.faq{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,8fr);gap: var(--s7) var(--s8)}.qa{border-top: 1px solid var(--ink)}.qa details{border-bottom: 1px solid var(--line)}.qa summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;gap: var(--s5);align-items: center;padding: 20px 0;font-family: var(--serif);font-size: 21px;line-height: 1.3;min-height: 44px}.qa summary::-webkit-details-marker{display: none}.qa summary::after{content: "+";font-family: var(--sans);font-size: 24px;font-weight: 300;color: var(--ink-2);flex: none;width: 24px;text-align: center}.qa details[open] summary::after{content: "–"}.qa .ans{padding: 0 0 var(--s5);max-width: 62ch;color: var(--ink-2);display: grid;gap: var(--s3)}@media (max-width: 860px){.faq{grid-template-columns: 1fr;gap: var(--s5)}}.contact{display: grid;grid-template-columns: minmax(0,6fr) minmax(0,6fr);gap: var(--s7) var(--s8);align-items: end}.contact-lines{display: grid;gap: var(--s4);font-size: 18px}.contact-lines a{color: var(--ink)}@media (max-width: 860px){.contact{grid-template-columns: 1fr}}.footer{background: var(--green-2);color: #d5ddd6;font-size: 15px}.footer a{color: #f4f0e7 !important}.footer-in{display: grid;grid-template-columns: minmax(0,4fr) repeat(3,minmax(0,2fr));gap: var(--s6);padding-block: var(--s8) var(--s6)}.footer h2{font-size: 24px;color: #fff;margin-bottom: var(--s3)}.footer h3{font-family: var(--sans);font-size: 13px;letter-spacing: .12em;text-transform: uppercase;font-weight: 600;color: #b6c3b9;margin-bottom: var(--s3)}.footer ul{list-style: none;display: grid;gap: var(--s2)}.footer-base{border-top: 1px solid rgba(244,240,231,.18);padding-block: var(--s5);display: flex;justify-content: space-between;flex-wrap: wrap;gap: var(--s3);font-size: 14px;color: #b6c3b9}@media (max-width: 860px){.footer-in{grid-template-columns: 1fr 1fr}.footer-in>:first-child{grid-column: 1 / -1}}@media (max-width: 480px){.footer-in{grid-template-columns: 1fr}}.crumbs{display: flex;flex-wrap: wrap;gap: var(--s2);list-style: none;font-size: 14px;color: var(--ink-2);padding-top: var(--s5)}.crumbs li + li::before{content: "/";margin-right: var(--s2);color: var(--line)}.crumbs a{color: var(--ink-2)}.g-title{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: var(--s5);align-items: end;padding-block: var(--s5) var(--s6)}.g-title .price strong{font-size: 32px}@media (max-width: 760px){.g-title{grid-template-columns: 1fr}}.gallery{display: grid;grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows: repeat(2,minmax(0,1fr));gap: var(--s2);height: clamp(320px,42vw,560px)}.gallery .ph{height: 100%}.gallery .ph:first-child{grid-row: span 2}.gallery-alt{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr)}.gallery-alt .ph:first-child{grid-row: auto}.gallery-alt .ph:last-child{grid-column: 3;grid-row: 1 / span 2}@media (max-width: 760px){.gallery,.gallery-alt{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;height: auto;margin-inline: calc(-1 * var(--gutter));padding-inline: var(--gutter);gap: var(--s2)}.gallery .ph{flex: 0 0 84%;aspect-ratio: 4 / 3;height: auto;scroll-snap-align: center}}.g-layout{display: grid;grid-template-columns: minmax(0,7fr) minmax(340px,4fr);gap: var(--s8);align-items: start;padding-block: var(--s7) var(--s8)}@media (max-width: 1000px){.g-layout{grid-template-columns: 1fr;gap: var(--s7)}}.g-main{display: grid;gap: var(--s8)}.g-block{display: grid;gap: var(--s4)}.g-block>h2{font-size: 30px}.keyfacts{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(150px,100%),1fr));border-top: 1px solid var(--ink);border-bottom: 1px solid var(--line)}.keyfacts div{padding: var(--s4) var(--s4) var(--s4) 0;display: grid;gap: 2px}.keyfacts dt{font-size: 13px;letter-spacing: .1em;text-transform: uppercase;color: var(--ink-2);font-weight: 600}.keyfacts dd{margin: 0;font-family: var(--serif);font-size: 20px;line-height: 1.25}@media (max-width: 640px){.keyfacts{grid-template-columns: 1fr 1fr}}.equip{list-style: none;columns: 2;column-gap: var(--s7)}.equip li{break-inside: avoid;padding: 12px 0;border-bottom: 1px solid var(--line);font-size: 16px}@media (max-width: 560px){.equip{columns: 1}}.times{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--s5)}@media (max-width: 640px){.times{grid-template-columns: 1fr 1fr}}.times div{display: grid;gap: 2px}.times dt{font-size: 14px;color: var(--ink-2)}.times dd{margin: 0;font-size: 18px;font-weight: 600}.note{font-size: 15px;color: var(--ink-2)}.other-gite{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--s6);align-items: center;padding: var(--s6) 0;border-top: 1px solid var(--ink)}@media (max-width: 640px){.other-gite{grid-template-columns: 1fr}}.book{container-type: inline-size;position: sticky;top: var(--s5);background: #fbf9f4;border: 1px solid var(--line);border-radius: var(--radius);padding: var(--s5);display: grid;gap: var(--s5)}@media (max-width: 1000px){.book{position: static}}.book-head{display: flex;justify-content: space-between;align-items: baseline;gap: var(--s3);flex-wrap: wrap}.alert{padding: 12px 14px;border-radius: var(--radius);font-size: 15px}.alert-ok{background: #e3eee6;color: var(--success)}.alert-err{background: #f5e3df;color: var(--error)}.linkbtn{justify-self: start;background: none;border: 0;padding: 10px 0;font: 600 15px var(--sans);color: var(--ink);text-decoration: underline;text-underline-offset: 4px;cursor: pointer;min-height: 44px}@media (max-width: 480px){.book{padding: var(--s4);margin-inline: calc(-1 * var(--s2))}}.anchors{display: flex;gap: var(--s2);flex-wrap: wrap;list-style: none}.anchors a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 16px;border: 1px solid var(--line);border-radius: 999px;color: var(--ink);text-decoration: none;font-size: 15px;transition: border-color var(--t),background var(--t)}.anchors a:hover{border-color: var(--ink);background: var(--paper-2)}.theme{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,8fr);gap: var(--s6) var(--s8);padding-block: var(--s8);border-top: 1px solid var(--ink)}.theme-intro{display: grid;gap: var(--s4);align-content: start}.theme-intro .num{font-family: var(--serif);font-size: 18px;color: var(--green)}.acts{list-style: none;display: grid}.act{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: var(--s2) var(--s5);padding-block: var(--s5);border-bottom: 1px solid var(--line)}.act:first-child{padding-top: 0}.act:last-child{border-bottom: 0;padding-bottom: 0}.act h3{font-size: 22px}.act .dist{font-size: 15px;color: var(--ink-2);text-align: right;white-space: nowrap}.act p{grid-column: 1 / -1;color: var(--ink-2);max-width: 64ch}.act .tags{grid-column: 1 / -1;font-size: 13px;letter-spacing: .06em;text-transform: uppercase;color: var(--green);font-weight: 600}.act .facts-inline{grid-column: 1 / -1;font-size: 15px}@media (max-width: 860px){.theme{grid-template-columns: 1fr;padding-block: var(--s7);gap: var(--s5)}}@media (max-width: 480px){.act{grid-template-columns: 1fr}.act .dist{text-align: left}}.tips{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr));gap: var(--s6);margin: 0}.tips div{display: grid;gap: var(--s2);border-top: 1px solid var(--ink);padding-top: var(--s4)}.tips dt{font-family: var(--serif);font-size: 21px}.tips dd{margin: 0;color: var(--ink-2);font-size: 16px}.legal{display: grid;grid-template-columns: minmax(200px,3fr) minmax(0,8fr);gap: var(--s8);padding-block: var(--s7) var(--s9);align-items: start}.toc{position: sticky;top: var(--s5)}.toc ol{list-style: none;display: grid;gap: 2px;font-size: 15px}.toc a{display: block;padding: 6px 0;color: var(--ink-2);text-decoration: none}.toc a:hover{color: var(--ink);text-decoration: underline}.article{padding-block: var(--s6);border-top: 1px solid var(--line);display: grid;gap: var(--s3);max-width: 68ch;scroll-margin-top: 24px}.article h2{font-size: 26px}.article ul{padding-left: 20px;display: grid;gap: 6px}.article p,.article li{color: #313b35}.recap{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(180px,100%),1fr));gap: 0;border-top: 2px solid var(--ink);margin: 0}.recap div{padding: var(--s4) var(--s4) var(--s4) 0;border-bottom: 1px solid var(--line)}.recap dt{font-size: 14px;color: var(--ink-2)}.recap dd{margin: 4px 0 0;font-family: var(--serif);font-size: 22px;line-height: 1.2}@media (max-width: 860px){.legal{grid-template-columns: 1fr;gap: var(--s5)}.toc{position: static;border-top: 1px solid var(--ink);padding-top: var(--s4)}.toc ol{columns: 2;column-gap: var(--s5)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition: none !important;animation: none !important;scroll-behavior: auto !important}}