/* ============================================================
   Pages annexes (recettes, contact) dans le style de la home
   « L'assiette » (16/10/2026). Chargé APRÈS style.css.
   En-tête et pied identiques à l'accueil (balisage dans les pages),
   Manrope/Inter, plus d'écriture manuscrite, cartes douces,
   apparitions au défilement (pages-home.js → .ph-in).
   ============================================================ */
:root{
  --canvas:#FCFCFC; --dim:#F3F3F1; --ink:#16161A; --soft:rgba(22,22,26,.64); --line:rgba(22,22,26,.08);
  --accent:#37BDF8; --accent-deep:#0B84BF; --rose:#E23E7A;
  --b1:#5ACBFA; --b2:#1A9BE0; --v1:#A98BFF; --v2:#7B5CF5;
  --prism:linear-gradient(100deg,#FF4D9D 0%,#FF9A3D 30%,#37BDF8 62%,#8B5CF6 100%);
  --hand:"Manrope",system-ui,sans-serif;
  --gut:clamp(16px,5vw,56px);
}
html:has(body.ph-page), body.ph-page{ overflow-x:clip; }
body.ph-page{ background:#FCFCFC; color:#16161A; font-family:"Inter",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
body.ph-page h1, body.ph-page h2, body.ph-page h3{ font-family:"Manrope",system-ui,sans-serif; font-weight:800; letter-spacing:-.035em; }

/* ---------- en-tête (identique à l'accueil) ---------- */
.ph-head{ position:sticky; top:0; z-index:50; background:rgba(252,252,252,.8); backdrop-filter:blur(16px) saturate(1.4); -webkit-backdrop-filter:blur(16px) saturate(1.4); border-bottom:1px solid var(--line); }
.ph-wrap{ max-width:1200px; margin:0 auto; padding:0 var(--gut); }
.ph-head .ph-wrap{ display:flex; align-items:center; height:72px; gap:28px; }
.ph-logo{ font:800 22px/1 "Manrope",system-ui,sans-serif; letter-spacing:-.03em; white-space:nowrap; color:#16161A; text-decoration:none; }
.ph-logo em{ font-style:normal; color:#37BDF8; }
.ph-head nav{ display:flex; gap:26px; font:600 15px/1 "Manrope",system-ui,sans-serif; margin-left:12px; }
.ph-head nav a{ color:var(--soft); text-decoration:none; }
.ph-head nav a:hover, .ph-head nav a.on{ color:#16161A; }
.ph-right{ margin-left:auto; display:flex; align-items:center; gap:18px; font:600 15px/1 "Manrope",system-ui,sans-serif; }
.ph-member{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; color:#16161A; text-decoration:none; }
.ph-member svg{ width:19px; height:19px; flex:none; }
.ph-cta{ display:inline-flex; align-items:center; height:44px; padding:0 20px; border-radius:999px; background:#16161A; color:#fff !important; text-decoration:none; font:700 15px/1 "Manrope",system-ui,sans-serif; white-space:nowrap; }
@media (max-width:1080px){ .ph-head nav{ display:none; } }
@media (max-width:860px){
  .ph-head .ph-wrap{ height:60px; gap:14px; }
  .ph-member span{ display:none; }
  .ph-member{ width:40px; height:40px; justify-content:center; border:1px solid var(--line); border-radius:50%; }
  .ph-cta{ height:40px; padding:0 16px; font-size:14px; }
}

/* ---------- pied de page (identique à l'accueil) ---------- */
.ph-pied{ border-top:1px solid var(--line); padding:48px 0 36px; font:500 15px/1.6 "Inter",system-ui,sans-serif; color:var(--soft); margin-top:clamp(40px,6vw,80px); }
.ph-pied a{ color:inherit; text-decoration:none; }
.ph-pied-int{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr); gap:28px 40px; }
.ph-pied .ph-logo{ font-size:20px; }
.ph-pied p{ max-width:34ch; margin:10px 0 0; }
.ph-pied ul{ list-style:none; display:grid; gap:8px; align-content:start; margin:0; padding:0; }
.ph-pied ul a:hover{ color:#16161A; }
.ph-pied .fb{ display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--dim); color:#16161A; margin-top:14px; }
.ph-pied .fb svg{ width:18px; height:18px; }
.ph-pied-fin{ margin-top:28px; padding-top:18px; border-top:1px solid var(--line); font-size:13.5px; }
@media (max-width:860px){ .ph-pied{ padding:40px 0 30px; } .ph-pied-int{ grid-template-columns:1fr 1fr; gap:24px 20px; } .ph-pied-int > div{ grid-column:1/-1; } }

/* ---------- typographie commune : plus de manuscrit ---------- */
body.ph-page .eyebrow, body.ph-page .hand, body.ph-page .hand-sign{
  font:700 15px/1.2 "Manrope",system-ui,sans-serif !important; color:#0B84BF !important; transform:none !important; animation:none !important; letter-spacing:.01em;
}
body.ph-page .eyebrow{ display:inline-block; margin-bottom:.7em; }
body.ph-page .btn{ font-family:"Manrope",system-ui,sans-serif; font-weight:700; border-radius:999px; box-shadow:none; transition:transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s; }
body.ph-page .btn:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(22,22,26,.2); }

/* ---------- apparitions au défilement ---------- */
.ph-anim .ph-r{ opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .8s cubic-bezier(.16,1,.3,1); transition-delay:calc(var(--ph-i,0) * 80ms); }
.ph-anim .ph-r.ph-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .ph-anim .ph-r{ opacity:1; transform:none; transition:none; } }

/* le cercle arc-en-ciel qui respire (repris de la home) */
@keyframes ph-souffle{ 0%,100%{ transform:scale(.88) } 50%{ transform:scale(1.04) } }
@keyframes ph-tourne{ to{ rotate:360deg } }
.ph-orb{ position:absolute; border-radius:50%; pointer-events:none; z-index:-1; }
.ph-orb::before{ content:""; position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,#FF4D9D,#FF9A3D,#FFD449,#37BDF8,#8B5CF6,#FF4D9D); filter:blur(46px); opacity:.45; animation:ph-souffle 7s ease-in-out infinite, ph-tourne 36s linear infinite; }

/* ============ RECETTES : index ============ */
body.ph-page .hero-recettes{ position:relative; isolation:isolate; max-width:1200px; padding:0 var(--gut); }
body.ph-page .hero-rec{ text-align:center; padding:clamp(48px,8vw,96px) 0 clamp(32px,5vw,56px); }
body.ph-page .hero-rec .ph-orb{ width:min(420px,100vw); height:min(420px,100vw); left:50%; top:-60px; transform:translateX(-50%); }
body.ph-page .titre-trait{ justify-content:center; }
body.ph-page .trait-titre{ display:none !important; }
body.ph-page .hero-recettes h1{ font-size:clamp(34px,4.6vw,58px) !important; line-height:1.05; letter-spacing:-.04em; margin:.15em 0 .4em !important; }
body.ph-page .hero-recettes .lead{ margin:0 auto !important; font-size:clamp(18px,1.6vw,21px); color:var(--soft); }
body.ph-page .grille-recettes{ background:transparent !important; padding-top:0 !important; }
body.ph-page .polaroid{
  transform:none !important; background:#fff; border:1px solid var(--line) !important; border-radius:28px !important; padding:12px 12px 18px !important;
  box-shadow:0 18px 40px -30px rgba(22,22,26,.45) !important; transition:transform .35s cubic-bezier(.3,1.5,.5,1), box-shadow .3s !important;
}
body.ph-page .polaroid:hover{ transform:translateY(-6px) !important; box-shadow:0 30px 60px -30px rgba(22,22,26,.5) !important; }
body.ph-page .polaroid .ph{ border-radius:20px !important; overflow:hidden; }
body.ph-page .polaroid .ph img{ transition:transform .7s cubic-bezier(.16,1,.3,1); }
body.ph-page .polaroid:hover .ph img{ transform:scale(1.06); }
body.ph-page .polaroid h2{ font-size:20px !important; letter-spacing:-.02em !important; }
body.ph-page .polaroid p{ font-family:"Inter",system-ui,sans-serif !important; font-weight:500 !important; font-size:15.5px !important; line-height:1.45 !important; color:var(--soft) !important; }
body.ph-page .pill-kcal, body.ph-page .pill-temps{ font-family:"Manrope",system-ui,sans-serif; font-weight:800 !important; background:rgba(255,255,255,.92) !important; backdrop-filter:blur(8px); color:#16161A !important; box-shadow:0 6px 16px -8px rgba(22,22,26,.4) !important; }
body.ph-page .pill-kcal{ color:#0B84BF !important; }

/* ============ RECETTES : page d'une recette ============ */
body.ph-page .page-recette{ max-width:760px !important; padding-top:clamp(28px,5vw,56px) !important; }
body.ph-page .fil{ font:600 14px/1.4 "Manrope",system-ui,sans-serif !important; }
body.ph-page .fil a{ color:#0B84BF !important; }
body.ph-page .page-recette h1{ font-size:clamp(34px,5vw,54px) !important; line-height:1.02; letter-spacing:-.045em !important; }
body.ph-page .repere{ gap:8px !important; }
body.ph-page .repere span{ display:inline-flex; align-items:center; gap:.4em; padding:.55em 1em; border-radius:999px; background:#fff; border:1px solid var(--line); font:700 14px/1 "Manrope",system-ui,sans-serif; color:#16161A; }
body.ph-page .photo-plat{ border-radius:28px !important; box-shadow:0 34px 70px -34px rgba(40,30,20,.5) !important; }
body.ph-page .accroche{ font:600 clamp(19px,2vw,22px)/1.45 "Manrope",system-ui,sans-serif !important; color:#16161A !important; letter-spacing:-.01em; }
body.ph-page .bloc{ background:#fff !important; border:1px solid var(--line) !important; border-radius:26px !important; box-shadow:0 18px 40px -32px rgba(22,22,26,.45); }
body.ph-page .bloc h2{ font-size:22px !important; }
body.ph-page .bloc ul li{ border-bottom:1px solid var(--line) !important; }
body.ph-page .bloc ul li em{ font-family:"Manrope",system-ui,sans-serif !important; font-weight:800; color:#0B84BF !important; }
body.ph-page .bloc ol{ list-style:none; counter-reset:etape; padding:0 !important; display:grid; gap:12px; }
body.ph-page .bloc ol li{ counter-increment:etape; position:relative; padding:.2em 0 0 3.1em !important; line-height:1.55; }
body.ph-page .bloc ol li::before{ content:counter(etape); position:absolute; left:0; top:0; width:2.1em; height:2.1em; border-radius:50%; display:grid; place-items:center;
  font:800 15px/1 "Manrope",system-ui,sans-serif; color:#fff; background:linear-gradient(155deg,var(--b1),var(--v2)); box-shadow:0 8px 16px -8px var(--v2); }
body.ph-page .astuce{ border:none !important; border-radius:22px !important; background:linear-gradient(160deg,#EAF7FE,#F3EFFF) !important; padding:1.2rem 1.4rem !important; font-weight:500; }
body.ph-page .cta-methode{ position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(160deg,#EEF8FE,#F4F0FF) !important; color:#16161A !important; border:1px solid rgba(22,22,26,.06); border-radius:30px !important; padding:clamp(28px,5vw,44px) !important; box-shadow:0 24px 60px -40px rgba(123,92,245,.6); }
body.ph-page .cta-methode::before{ content:""; position:absolute; z-index:-1; width:320px; height:320px; right:-120px; top:-140px; border-radius:50%; background:conic-gradient(from 0deg,#FF4D9D,#FF9A3D,#37BDF8,#8B5CF6,#FF4D9D); filter:blur(50px); opacity:.35; animation:ph-souffle 7s ease-in-out infinite; }
body.ph-page .cta-methode p{ font:600 18px/1.5 "Manrope",system-ui,sans-serif !important; color:#16161A !important; }
body.ph-page .cta-methode .btn{ background:#16161A !important; color:#fff !important; }
body.ph-page .carte-mini{ border-radius:22px !important; overflow:hidden; border:1px solid var(--line) !important; background:#fff !important; transition:transform .35s cubic-bezier(.3,1.5,.5,1), box-shadow .3s; }
body.ph-page .carte-mini:hover{ transform:translateY(-5px); box-shadow:0 24px 50px -30px rgba(22,22,26,.5); }
body.ph-page .carte-mini span{ font-family:"Manrope",system-ui,sans-serif; font-weight:800 !important; }
body.ph-page .carte-mini em{ font-family:"Manrope",system-ui,sans-serif !important; font-weight:800; color:#0B84BF !important; }

/* bloc Lettre (recettes) : comme le bandeau de la home */
body.ph-page .nl-bloc-carte{ background:#fff !important; color:#16161A !important; border:1px solid var(--line) !important; border-radius:30px !important; box-shadow:0 24px 60px -36px rgba(22,22,26,.35) !important; }
body.ph-page .nl-bloc-carte::before, body.ph-page .nl-bloc-carte::after{ display:none !important; }
body.ph-page .nl-bloc-carte h2{ color:#16161A !important; }
body.ph-page .nl-bloc-carte .nl-liste li, body.ph-page .nl-bloc-carte p{ color:var(--soft) !important; }
body.ph-page .nl-bloc-carte .nl-liste b{ color:#16161A !important; }
body.ph-page .nl-bloc-carte input{ border:1.5px solid rgba(22,22,26,.18) !important; background:#fff !important; color:#16161A !important; border-radius:999px !important; }
body.ph-page .nl-bloc-carte .btn{ background:#16161A !important; color:#fff !important; }
body.ph-page .nl-bloc-carte .nl-mention, body.ph-page .nl-bloc-carte .nl-mention a{ color:var(--soft) !important; }
body.ph-page .nl-ok h3{ color:#16161A !important; } body.ph-page .nl-ok p{ color:var(--soft) !important; }

/* ============ CONTACT ============ */
body.ph-page .contact-wrap{ position:relative; isolation:isolate; max-width:1100px; margin:0 auto; padding:clamp(40px,7vw,88px) var(--gut) 0; }
body.ph-page .contact-head{ text-align:center; margin-bottom:clamp(28px,4vw,48px); position:relative; }
body.ph-page .contact-head .ph-orb{ width:min(380px,100vw); height:min(380px,100vw); left:50%; top:-120px; transform:translateX(-50%); }
body.ph-page .contact-head h1{ font-size:clamp(34px,4.6vw,58px) !important; line-height:1.05; letter-spacing:-.05em; margin:.1em 0 0; }
body.ph-page .contact-card{ background:#fff !important; border:1px solid var(--line) !important; border-radius:30px !important; box-shadow:0 30px 70px -40px rgba(22,22,26,.4) !important; }
body.ph-page .contact-card label{ font:700 14px/1.2 "Manrope",system-ui,sans-serif !important; color:#16161A; }
body.ph-page .contact-card input, body.ph-page .contact-card textarea{
  border:1.5px solid rgba(22,22,26,.16) !important; border-radius:16px !important; background:#fff !important; font:500 16px "Inter",system-ui,sans-serif !important;
  transition:border-color .2s, box-shadow .2s;
}
body.ph-page .contact-card input:focus, body.ph-page .contact-card textarea:focus{ outline:none; border-color:#37BDF8 !important; box-shadow:0 0 0 5px rgba(55,189,248,.16); }
body.ph-page .contact-card .btn{ background:linear-gradient(155deg,var(--b1),var(--v2)) !important; color:#fff !important; box-shadow:0 14px 26px -14px rgba(123,92,245,.9) !important; }
body.ph-page .contact-direct a{ color:#0B84BF; font-weight:700; }
body.ph-page .video-frame{ border-radius:30px !important; overflow:hidden; box-shadow:0 34px 70px -36px rgba(22,22,26,.5) !important; border:none !important; }
body.ph-page .contact-note{ font:700 17px/1.4 "Manrope",system-ui,sans-serif !important; color:#16161A !important; transform:none !important; }
body.ph-page .form-confirm .emoji{ display:none; }
body.ph-page .form-confirm::before{ content:""; display:block; width:64px; height:64px; margin:0 auto 14px; border-radius:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4 4 9-9'/%3E%3C/svg%3E") center/30px no-repeat, linear-gradient(155deg,var(--b1),var(--v2)); box-shadow:0 16px 28px -14px rgba(123,92,245,.9); }

/* ============ PAIEMENT ============ */
body.ph-page .co-wrap{ position:relative; isolation:isolate; max-width:1100px; margin:0 auto; padding:clamp(36px,6vw,80px) var(--gut) clamp(40px,6vw,80px); }
body.ph-page .co-wrap > .ph-orb{ width:min(460px,100vw); height:min(460px,100vw); right:-120px; top:-60px; }
body.ph-page .co-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(24px,4vw,48px); align-items:start; }
body.ph-page .co-form{ background:#fff; border:1px solid var(--line); border-radius:30px; padding:clamp(24px,4vw,40px); box-shadow:0 30px 70px -40px rgba(22,22,26,.4); }
body.ph-page .co-form h1{ font-size:clamp(32px,4vw,48px); line-height:1.05; letter-spacing:-.045em; }
body.ph-page .co-sub{ font:600 17px/1.4 "Manrope",system-ui,sans-serif; color:#0B84BF; margin:0 0 1.6rem; }
body.ph-page .co-label{ font:700 14px/1.2 "Manrope",system-ui,sans-serif; color:#16161A; }
body.ph-page .co-input{ height:54px; border:1.5px solid rgba(22,22,26,.16) !important; border-radius:16px !important; font:500 16px "Inter",system-ui,sans-serif !important; }
body.ph-page .co-input:focus{ outline:none; border-color:#37BDF8 !important; box-shadow:0 0 0 5px rgba(55,189,248,.16); }
body.ph-page .co-hint{ font-size:14px; color:var(--soft); }
body.ph-page .co-pay{ width:100%; justify-content:center; height:62px; font-size:18px !important; background:linear-gradient(155deg,var(--b1),var(--v2)) !important; color:#fff !important; box-shadow:0 16px 30px -16px rgba(123,92,245,.9) !important; }
body.ph-page .co-guarantee, body.ph-page .co-note{ display:flex; gap:12px; align-items:flex-start; text-align:left; }
body.ph-page .co-guarantee{ background:linear-gradient(160deg,#EAF7FE,#F3EFFF) !important; border:none !important; border-radius:18px !important; padding:14px 16px !important; color:#16161A; font-size:15px; }
body.ph-page .co-note{ font-size:13.5px; color:var(--soft); }
body.ph-page .co-ic{ flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:12px; color:#fff; background:linear-gradient(155deg,var(--b1),var(--v2)); }
body.ph-page .co-ic svg{ width:20px; height:20px; }
body.ph-page .co-ic.petit{ width:28px; height:28px; border-radius:9px; background:#F1F2F5; color:#16161A; }
body.ph-page .co-ic.petit svg{ width:16px; height:16px; }
body.ph-page .co-back a{ color:#0B84BF; font-weight:700; }
body.ph-page .co-summary{ position:sticky; top:96px; background:#fff !important; border:1px solid var(--line) !important; border-radius:30px !important; padding:clamp(22px,3vw,32px) !important; box-shadow:0 30px 70px -40px rgba(123,92,245,.6) !important; }
body.ph-page .co-summary h2{ font-size:22px; }
body.ph-page .co-line, body.ph-page .co-total{ font-family:"Manrope",system-ui,sans-serif; }
body.ph-page .co-total span:last-child{ font-size:30px; font-weight:800; letter-spacing:-.03em; }
body.ph-page .co-summary .checklist li::before{ background:linear-gradient(155deg,var(--b1),var(--v2)) !important; color:#fff !important; border:none !important; }
body.ph-page .co-punch{ font:800 18px/1.3 "Manrope",system-ui,sans-serif !important; color:#16161A !important; }
@media (max-width:860px){ body.ph-page .co-grid{ grid-template-columns:1fr; } body.ph-page .co-summary{ position:static; } body.ph-page .co-wrap > .ph-orb{ right:auto; left:50%; transform:translateX(-50%); } }

/* ============ MERCI, CONFIRMATIONS ============ */
body.ph-page .ph-merci{ position:relative; isolation:isolate; max-width:720px; margin:0 auto; padding:clamp(56px,9vw,110px) var(--gut) clamp(40px,6vw,80px) !important; }
body.ph-page .ph-merci > .ph-orb{ width:min(420px,100vw); height:min(420px,100vw); left:50%; top:-40px; transform:translateX(-50%); }
body.ph-page .ph-ok{ display:grid; place-items:center; width:72px; height:72px; margin:0 auto 18px; border-radius:24px; color:#fff;
  background:linear-gradient(155deg,var(--b1),var(--v2)); box-shadow:0 18px 32px -16px rgba(123,92,245,.9); animation:ph-pop .6s cubic-bezier(.34,1.56,.64,1) both; }
body.ph-page .ph-ok svg{ width:36px; height:36px; }
@keyframes ph-pop{ 0%{ transform:scale(.5); opacity:0 } 70%{ transform:scale(1.08); opacity:1 } 100%{ transform:scale(1) } }
body.ph-page .ph-merci h1{ font-size:clamp(36px,5vw,60px) !important; line-height:1.03 !important; letter-spacing:-.045em !important; }
body.ph-page .ph-merci .lead{ font-size:clamp(17px,1.6vw,20px); color:var(--soft); }
body.ph-page .code-value{ font:800 clamp(26px,4vw,36px)/1 "Manrope",system-ui,sans-serif !important; letter-spacing:.06em; background:#fff !important; border:none !important; border-radius:22px !important; padding:22px 26px !important; box-shadow:0 0 0 2px rgba(55,189,248,.35), 0 24px 50px -30px rgba(123,92,245,.7) !important; }
body.ph-page .nl-ok-ico{ display:none !important; }
body.ph-page .nl-page.ph-merci .nl-ok::before{ content:""; display:block; width:72px; height:72px; margin:0 auto 18px; border-radius:24px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4 4 9-9'/%3E%3C/svg%3E") center/36px no-repeat, linear-gradient(155deg,var(--b1),var(--v2));
  box-shadow:0 18px 32px -16px rgba(123,92,245,.9); animation:ph-pop .6s cubic-bezier(.34,1.56,.64,1) both; }
body.ph-page .btn--clair{ background:#fff !important; color:#16161A !important; border:1px solid var(--line) !important; }

/* ============ PAGES LÉGALES ============ */
body.ph-page .ph-legal{ max-width:820px; margin:clamp(32px,6vw,72px) auto 0; padding:clamp(28px,5vw,56px) clamp(22px,5vw,60px) !important; background:#fff; border:1px solid var(--line); border-radius:32px; box-shadow:0 30px 70px -44px rgba(22,22,26,.35); }
body.ph-page .ph-legal h1{ font-size:clamp(34px,4.6vw,54px) !important; letter-spacing:-.045em !important; margin-bottom:.2em; }
body.ph-page .ph-legal .page-date{ display:inline-block; font:700 13px/1 "Manrope",system-ui,sans-serif !important; color:#0B84BF !important; background:#EAF6FD; padding:.6em 1em; border-radius:999px; text-transform:none !important; letter-spacing:0 !important; margin-bottom:1.6rem; }
body.ph-page .ph-legal h2{ font-size:21px !important; margin:2rem 0 .6rem !important; padding-top:1.6rem; border-top:1px solid var(--line); }
body.ph-page .ph-legal p, body.ph-page .ph-legal li{ font-size:16.5px; line-height:1.7; color:rgba(22,22,26,.78); }
body.ph-page .ph-legal a{ color:#0B84BF; font-weight:600; }
body.ph-page .ph-legal ul{ padding-left:1.2rem; }
body.ph-page .ph-legal li::marker{ color:#37BDF8; }
@media (max-width:640px){ body.ph-page .ph-legal{ border-radius:24px; margin-left:var(--gut); margin-right:var(--gut); } }