/* Nommera -- /services/referencement-livre/ v3 (2026-11-04). Tout est préfixé .rf3- ; s'appuie sur les variables de site.css.
   Échelle d'espacement : 4 / 8 / 12 / 16 / 24 / 32 / 48 / 72. Rayons : 16 (cartes), 12 (champs), 999 (boutons, pastilles).
   Mouvement : transform + opacité uniquement ; désactivé avec prefers-reduced-motion. */
.rf3{--rf-green:#02704d;--rf-r:16px;--rf-tint:rgba(236,233,221,.55);--rf-line:var(--border);color:var(--ink);}
.rf3 *{box-sizing:border-box;}
.rf3-wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
:where(.rf3) :where(h1,h2,h3){margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;}
:where(.rf3) p,:where(.rf3) dl,:where(.rf3) dd{margin:0;}
:where(.rf3) a{color:inherit;}
.rf3-sec{padding:72px 0;}
.rf3-sec--tint{background:var(--rf-tint);border-top:1px solid var(--rf-line);border-bottom:1px solid var(--rf-line);}
.rf3-head{max-width:700px;margin-bottom:32px;}
.rf3-head h2,.rf3-order-copy h2{font-size:clamp(26px,3.2vw,38px);}
.rf3-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rf-green);margin-bottom:12px;}
.rf3-sub{margin-top:12px;font-size:17px;line-height:1.55;color:var(--ink-soft);max-width:64ch;}
.rf3-fine{margin-top:24px;font-size:14px;line-height:1.55;color:var(--ink-soft);max-width:72ch;}
.rf3-fine a,.rf3-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.rf3-fine a:hover{color:var(--rf-green);}
.rf3 :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px;}

/* boutons */
.rf3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;font:700 15.5px/1.2 inherit;font-family:inherit;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;text-align:center;}
.rf3-btn:hover{transform:translateY(-1px);}
.rf3-btn--primary{background:var(--green);color:#042a1f;border-color:var(--green);}
.rf3-btn--primary:hover{background:#13e3a6;border-color:#13e3a6;}
.rf3-btn--dark{background:var(--ink);color:#fff;border-color:var(--ink);}
.rf3-btn--dark:hover{background:#2a2e33;}
.rf3-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.rf3-btn--ghost:hover{background:var(--ink);color:#fff;}
.rf3-btn[disabled]{opacity:.6;cursor:progress;transform:none;}
.rf3-btn[hidden]{display:none;}

/* pastilles de statut : texte + forme, jamais la couleur seule */
.rf3 .st{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;}
.rf3 .st svg{width:13px;height:13px;flex:none;}
.rf3 .st--ok{background:#dff5ec;color:#03593e;}
.rf3 .st--warn{background:#fff0cc;color:#6b4300;}
.rf3 .st--warn::before{content:"";width:7px;height:7px;border-radius:50%;background:#c27a00;}
.rf3-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--paper);border:1px dashed #b7b3a4;color:var(--ink-soft);font-size:12px;font-weight:700;white-space:nowrap;}

/* 1 · hero */
.rf3-hero{padding:56px 0 64px;position:relative;overflow:hidden;}
.rf3-hero::before{content:"";position:absolute;right:-10%;top:-35%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.16),rgba(2,208,152,0) 66%);pointer-events:none;}
.rf3-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;}
.rf3-tag{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--tan);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:24px;}
.rf3-hero h1{font-size:clamp(34px,4.2vw,52px);max-width:16em;}
.rf3-lede{margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink-soft);max-width:34em;}
.rf3-facts{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:8px;font-size:15.5px;}
.rf3-facts li{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;}
.rf3-facts b{font-size:17px;}
.rf3-facts span{color:var(--ink-soft);}
.rf3-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.rf3-note{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}

/* journal d'intervention */
.rf3-panel{background:var(--paper);border:1px solid var(--rf-line);border-radius:var(--rf-r);box-shadow:0 24px 48px -28px rgba(17,17,17,.28);overflow:hidden;}
.rf3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--rf-line);}
.rf3-panel-title{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.rf3-panel-title i{width:8px;height:8px;border-radius:50%;background:var(--green);}
.rf3-demo-book{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:16px 24px;}
.rf3-demo-book small{flex:1 1 100%;font-size:12px;font-weight:600;color:var(--ink-soft);}
.rf3-demo-book b{font-size:19px;letter-spacing:-.01em;}
.rf3-demo-book span{font-size:14px;color:var(--ink-soft);font-weight:600;}
.rf3-demo-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 24px;background:#faf9f4;border-top:1px solid var(--rf-line);}
.rf3-demo-foot b{display:block;font-size:20px;line-height:1;}
.rf3-demo-foot small{display:block;margin-top:4px;font-size:12px;color:var(--ink-soft);font-weight:600;line-height:1.3;}

/* 2 · situation */

/* 3 · tarif */
.rf3-list li,.rf3-dots li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;}
.rf3-list svg{flex:none;width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:#dff5ec;color:#03593e;}
.rf3-dots li::before{content:"";flex:none;width:8px;height:8px;margin:7px 6px 0 6px;border-radius:50%;background:var(--ink);opacity:.35;}

/* 4 · processus */

/* 5 · résultat */

/* 7 · demande */
.rf3-order{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;}
.rf3-success{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin-bottom:12px;}
.rf3-success svg{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--green);color:#042a1f;flex:none;}
.rf3-alert{margin-bottom:24px;padding:12px 16px;border-radius:12px;background:#fce9e9;color:#8f2525;font-size:14.5px;font-weight:600;}
.rf3-progress{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.rf3-progress li{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:3px solid var(--rf-line);font-size:14px;font-weight:700;color:var(--ink-soft);}
.rf3-progress .n{width:24px;height:24px;border-radius:50%;background:var(--tan);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none;}
.rf3-progress li.is-cur{border-top-color:var(--ink);color:var(--ink);}
.rf3-progress li.is-cur .n{background:var(--ink);color:#fff;}
.rf3-progress li.is-done{border-top-color:var(--green);color:var(--rf-green);}
.rf3-progress li.is-done .n{background:var(--green);color:#042a1f;}
.rf3-multi .rf3-step{display:none;}
.rf3-multi .rf3-step.is-cur{display:block;animation:rf3-in .3s ease both;}
.rf3-step>*+*{margin-top:20px;}
.rf3-step+.rf3-step{margin-top:32px;}
.rf3-multi .rf3-step+.rf3-step{margin-top:0;}
.rf3-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:700;}
.rf3-field .opt{font-weight:500;color:var(--ink-soft);}
.rf3-field small{display:block;margin-top:6px;font-size:13px;color:var(--ink-soft);}
.rf3 input[type=text],.rf3 input[type=email],.rf3 input[type=url],.rf3 select,.rf3 textarea{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid #cfcbbb;border-radius:12px;background:var(--cream);font:16px/1.3 inherit;font-family:inherit;color:var(--ink);}
.rf3 textarea{min-height:112px;resize:vertical;}
.rf3 input:focus,.rf3 select:focus,.rf3 textarea:focus{outline:3px solid var(--blue);outline-offset:1px;background:#fff;}
.rf3 [aria-invalid="true"]:not(div){border-color:#b42318;background:#fff8f7;}
.rf3-err{margin-top:6px;font-size:13.5px;font-weight:600;color:#b42318;}
.rf3-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.rf3-consent{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.5;color:var(--ink-soft);cursor:pointer;}
.rf3-consent input{margin-top:1px;}
.rf3-consent a{text-decoration:underline;color:var(--ink);}
.rf3-nav{display:flex;gap:12px;justify-content:space-between;margin-top:24px;}
.rf3-nav .rf3-btn{flex:1 1 0;}
.rf3-nav .rf3-btn--ghost{flex:0 0 auto;}
.rf3 abbr{text-decoration:none;}

/* apparition : contenu toujours visible sans JS */
.rf3-js .rf3-rv{opacity:0;transform:translateY(16px);}
.rf3-js .rf3-rv.is-in{opacity:1;transform:none;transition:opacity .4s ease calc(var(--i,0)*90ms),transform .4s ease calc(var(--i,0)*90ms),background-color .2s ease;}
/* hero : le journal se remplit étape par étape (une seule séquence, ~4 s) */
.rf3-demo{position:relative;}
.sw{display:inline-grid;justify-items:end;}
.sw>*{grid-area:1/1;}
.sw .st--pre{background:#eeece3;color:#50555c;animation:rf3-out .3s ease calc(.9s + var(--i,0)*.5s) 1 forwards;}
.sw .st--pre i{width:10px;height:10px;border-radius:50%;border:2px solid #9a9a8c;border-top-color:var(--ink);animation:rf3-spin .8s linear .35s 3;}
.sw .fin{opacity:1;animation:rf3-pop .45s cubic-bezier(.2,.9,.3,1.3) calc(.9s + var(--i,0)*.5s) 1 backwards;}
.sw .fin svg path{stroke-dasharray:24;animation:rf3-draw .4s ease calc(1.1s + var(--i,0)*.5s) 1 backwards;}
.rf3-demo-foot div{animation:rf3-in .4s ease 3.3s 1 backwards;}
@keyframes rf3-fill{from{transform:scaleX(0);}}
@keyframes rf3-out{to{opacity:0;transform:scale(.9);}}
@keyframes rf3-pop{from{opacity:0;transform:scale(.7);}}
@keyframes rf3-draw{from{stroke-dashoffset:24;}to{stroke-dashoffset:0;}}
@keyframes rf3-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}


/* scroll + sélection */
#demande,#schema,#choisir,#travail,#faq{scroll-margin-top:84px;}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* cartes et listes */
.rf3-card{background:var(--paper);border:1px solid var(--rf-line);border-radius:var(--rf-r);padding:32px;box-shadow:0 24px 48px -34px rgba(17,17,17,.3);}
.rf3-card h3{font-size:19px;margin-bottom:16px;}
.rf3-card p+p{margin-top:12px;}
.rf3-list,.rf3-dash{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.rf3-list li,.rf3-dash li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;}
.rf3-list svg{flex:none;width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:#dff5ec;color:#03593e;}
.rf3-dash li::before{content:"";flex:none;width:10px;height:2px;margin:10px 4px 0 5px;background:var(--ink);opacity:.45;}
.rf3-card--not{background:var(--cream);}
.rf3-card-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--rf-line);font-size:14.5px;line-height:1.5;color:var(--ink-soft);}
.rf3-card-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.rf3-work{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:start;}

/* hero : fiche de référence */
.rf3-demo{position:relative;}
.rf3-demo-bar{height:3px;background:#eeece3;overflow:hidden;}
.rf3-demo-bar span{display:block;height:100%;width:100%;background:var(--green);transform-origin:left;transform:scaleX(.66);animation:rf3-fill 3s cubic-bezier(.3,.6,.3,1) .5s 1 backwards;}
.rf3-demo-list{list-style:none;margin:0;padding:8px 24px;}
.rf3-demo-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eeece3;}
.rf3-demo-list li:first-child{border-top:0;}
.rf3-demo-name{font-size:15.5px;font-weight:800;}

/* 2 · schéma */
.rf3-stage{position:relative;}
.rf3-pick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.rf3-pick[hidden]{display:none;}
.rf3-pick button{min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:700 15px/1.2 inherit;font-family:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease;}
.rf3-pick button:hover{background:rgba(17,17,17,.07);}
.rf3-pick button[aria-checked="true"]{background:var(--ink);color:#fff;}
.rf3-flow{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1.15fr);align-items:center;}
.rf3-col{display:grid;gap:12px;align-content:center;}
.rf3-col-t{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);}
.rf3-node{position:relative;padding:16px 16px 16px 20px;border-radius:12px;background:var(--paper);border:1.5px solid var(--rf-line);box-shadow:inset 4px 0 0 var(--green);transition:opacity .3s ease,border-color .3s ease,background-color .3s ease,transform .3s ease;}
.rf3-node b{display:block;font-size:16px;line-height:1.25;}
.rf3-node small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--ink-soft);}
.rf3-link{position:relative;height:2px;background:#cfcbbb;overflow:visible;transition:background-color .3s ease;}
.rf3-link::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);color:#cfcbbb;transition:color .3s ease;}
.rf3-link::before{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#c27a00;opacity:0;}
/* chemin touché par l'écart : état + cas */
.rf3-stage[data-src="ref"] [data-node="ref"],
.rf3-stage[data-src="ref"] [data-node="flux"],
.rf3-stage[data-src="ref"] [data-node^="d"],
.rf3-stage[data-src="flux"] [data-node="flux"],
.rf3-stage[data-src="flux"] [data-node^="d"],
.rf3-stage[data-src="plat"] [data-node="d2"]{border-color:#c27a00;background:#fff8e6;}
.rf3-stage[data-src="ref"] [data-node="ref"],
.rf3-stage[data-src="ref"] [data-node="flux"],
.rf3-stage[data-src="ref"] [data-node^="d"],
.rf3-stage[data-src="flux"] [data-node="flux"],
.rf3-stage[data-src="flux"] [data-node^="d"],
.rf3-stage[data-src="plat"] [data-node="d2"]{box-shadow:inset 4px 0 0 #c27a00;}
.rf3-stage[data-src="ref"],.rf3-stage[data-src="flux"]{--lc:#c27a00;}
.rf3-stage[data-src="ref"] .rf3-link,.rf3-stage[data-src="flux"] [data-link="b"],.rf3-stage[data-src="plat"] [data-link="b"]{background:#c27a00;}
.rf3-stage[data-src="ref"] .rf3-link::after,.rf3-stage[data-src="flux"] [data-link="b"]::after,.rf3-stage[data-src="plat"] [data-link="b"]::after{color:#c27a00;}
.rf3-stage.is-live[data-src="flux"] [data-node="ref"],
.rf3-stage.is-live[data-src="plat"] [data-node="ref"],
.rf3-stage.is-live[data-src="plat"] [data-node="flux"],
.rf3-stage.is-live[data-src="plat"] [data-node="d1"],
.rf3-stage.is-live[data-src="plat"] [data-node="d3"],
.rf3-stage.is-live[data-src="plat"] [data-link="a"]{opacity:.4;}
.rf3-stage.is-live[data-src="plat"] [data-link="b"]{opacity:1;}
.rf3-stage.is-live[data-src="flux"] [data-link="a"]{opacity:.4;}
/* éventail vers les destinations */
.rf3-stage{--lc:#cfcbbb;}
.rf3-col--dest .rf3-node::before{content:"";position:absolute;left:-33px;width:32px;border:0 solid var(--lc);transition:border-color .3s ease;}
.rf3-col--dest [data-node="d1"]::before{top:50%;height:calc(100% + 12px);border-top-width:2px;border-left-width:2px;border-top-left-radius:10px;}
.rf3-col--dest [data-node="d3"]::before{bottom:50%;height:calc(100% + 12px);border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:10px;}
.rf3-col--dest [data-node="d2"]::before{display:none;}
/* où Nommera intervient */
.rf3-stage [data-node]::after{position:absolute;right:12px;top:-11px;padding:3px 10px;border-radius:999px;background:var(--green);color:#042a1f;font-size:11.5px;font-weight:800;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;}
.rf3-stage.is-live[data-src="ref"] [data-node="ref"]::after{content:"Nous corrigeons ici";opacity:1;transform:none;}
.rf3-stage.is-live[data-src="flux"] [data-node="flux"]::after{content:"Nous préparons la demande";opacity:1;transform:none;}
.rf3-stage.is-live[data-src="plat"] [data-node="d2"]::after{content:"Nous préparons la demande";opacity:1;transform:none;}
/* une impulsion à chaque choix */
.rf3-stage.is-pulse .rf3-link::before{animation:rf3-run .9s ease 1 both;}
.rf3-stage.is-pulse[data-src="flux"] [data-link="a"]::before,.rf3-stage.is-pulse[data-src="plat"] [data-link="a"]::before{animation:none;opacity:0;}
.rf3-stage.is-pulse .rf3-node{animation:rf3-bump .4s ease 1;}
@keyframes rf3-run{0%{left:0;opacity:1;}85%{opacity:1;}100%{left:calc(100% - 8px);opacity:0;}}
@keyframes rf3-bump{50%{transform:scale(1.02);}}
.rf3-cases{margin-top:32px;display:grid;gap:16px;}
.rf3-case{padding:24px;border-radius:var(--rf-r);background:var(--paper);border:1px solid var(--rf-line);}
.rf3-case-k{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--rf-green);}
.rf3-case h3{margin:8px 0;font-size:20px;}
.rf3-case p:last-child{font-size:15.5px;line-height:1.55;color:var(--ink-soft);max-width:70ch;}
.rf3-stage.is-live .rf3-case{display:none;}
.rf3-stage.is-live[data-src="ref"] [data-case="ref"],
.rf3-stage.is-live[data-src="flux"] [data-case="flux"],
.rf3-stage.is-live[data-src="plat"] [data-case="plat"]{display:block;animation:rf3-in .3s ease both;}

/* 4 · interventions */
.rf3-routes{list-style:none;margin:0;padding:0;border-top:1px solid var(--rf-line);}
.rf3-route{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.1fr) 170px;gap:16px 24px;align-items:center;padding:24px 16px;border-bottom:1px solid var(--rf-line);transition:background-color .2s ease;}
.rf3-route:hover{background:rgba(255,255,255,.7);}
.rf3-route.is-self{background:var(--paper);border:2px solid var(--ink);border-radius:var(--rf-r);margin:8px 0;box-shadow:0 18px 34px -26px rgba(17,17,17,.4);}
.rf3-route.is-self+.rf3-route{border-top:0;}
.rf3-route-verb{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rf-green);}
.rf3-route-when{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.25;}
.rf3-here{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--green);color:#042a1f;font-size:11.5px;font-style:normal;font-weight:800;letter-spacing:0;vertical-align:2px;white-space:nowrap;}
.rf3-route-what b{display:block;font-size:15.5px;}
.rf3-route-what small{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--ink-soft);}
.rf3-route-go{justify-self:end;display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;white-space:nowrap;text-align:right;}
.rf3-route-go b{display:block;font-size:16px;}
.rf3-route-go small{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:600;}
.rf3-route-go::after{content:"";position:absolute;inset:0;}
.rf3-route-go svg{width:18px;height:18px;transition:transform .2s ease;}
.rf3-route:hover .rf3-route-go svg,.rf3-route-go:focus-visible svg{transform:translateX(4px);}
.rf3-route-go:focus-visible{outline-offset:-3px;border-radius:var(--rf-r);}
.rf3-route.is-self .rf3-route-go{color:var(--rf-green);}

/* 5 · demande */
.rf3-order{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;}
.rf3-order-terms{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--rf-line);}
.rf3-order-terms li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--rf-line);font-size:15px;}
.rf3-order-terms b{font-size:17px;}
.rf3-order-terms span{color:var(--ink-soft);}
.rf3-order-terms a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.rf3-chips{display:flex;flex-wrap:wrap;gap:8px;}
.rf3-chips label{position:relative;display:inline-flex;}
.rf3-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.rf3-chips span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1.5px solid var(--rf-line);border-radius:999px;background:var(--cream);font-size:14.5px;font-weight:600;transition:border-color .2s ease,background-color .2s ease;}
.rf3-chips input:checked+span{border-color:var(--ink);background:#fff;font-weight:800;}
.rf3-chips input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px;}
.rf3-more{border:1.5px solid var(--rf-line);border-radius:12px;background:var(--cream);}
.rf3-more>summary{cursor:pointer;padding:12px 16px;min-height:48px;display:flex;align-items:center;font-size:14.5px;font-weight:700;}
.rf3-more .opt{margin-left:6px;font-weight:500;color:var(--ink-soft);}
.rf3-more-body{padding:4px 16px 16px;display:grid;gap:20px;}
.rf3-more-body .rf3-fs legend{margin-bottom:8px;}

@media (max-width:1000px){
  .rf3-hero-grid,.rf3-order,.rf3-work{grid-template-columns:1fr;gap:32px;}
  .rf3-route{grid-template-columns:1fr;gap:8px;padding:20px 16px;}
  .rf3-route-go{justify-self:start;margin-top:4px;text-align:left;}
  .rf3-flow{grid-template-columns:1fr;gap:12px;}
  .rf3-link{width:2px;height:28px;margin-left:24px;}
  .rf3-link::after{right:auto;left:-4px;top:auto;bottom:-1px;transform:rotate(135deg);}
  .rf3-link::before{left:-3px;top:0;}
  .rf3-col--dest .rf3-node::before{display:none;}
  @keyframes rf3-run{0%{top:0;left:-3px;opacity:1;}100%{top:calc(100% - 8px);left:-3px;opacity:0;}}
}
@media (max-width:720px){
  .rf3-wrap{padding:0 16px;}
  .rf3-sec{padding:48px 0;}
  .rf3-hero{padding:32px 0 48px;}
  .rf3-tag{margin-bottom:16px;}
  .rf3-lede{margin-top:16px;}
  .rf3-facts{margin-top:16px;}
  .rf3-cta-row{margin-top:24px;flex-direction:column;}
  .rf3-cta-row .rf3-btn{width:100%;}
  .rf3-head{margin-bottom:24px;}
  .rf3-panel-head,.rf3-demo-book,.rf3-demo-foot{padding-left:16px;padding-right:16px;}
  .rf3-demo-list{padding:8px 16px;}
  .rf3-pick{flex-direction:column;}
  .rf3-pick button{width:100%;text-align:left;}
  .rf3-route-when{font-size:17px;}
  .rf3-card{padding:24px 16px;}
  .rf3-row2{grid-template-columns:1fr;}
  .rf3-nav{flex-direction:column-reverse;}
  .rf3-nav .rf3-btn--ghost{flex:1 1 auto;}
}
@media (prefers-reduced-motion:reduce){
  .rf3 *,.rf3 *::before,.rf3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .rf3-js .rf3-rv{opacity:1;transform:none;}
  .sw .st--pre{display:none;}
}