/* Legal surface follows the store's palette and scenery; copy stays unchanged. */
body.atelier.legal-page-mode{background:#09111be8}
body.atelier.legal-page-mode .legal-store-header .atelier-top{min-height:238px;padding:43px 0 20px}
body.atelier.legal-page-mode .legal-store-header .atelier-brand,body.atelier.legal-page-mode .legal-store-header .atelier-brand img{width:176px;height:176px;max-height:176px}
body.atelier.legal-page-mode .main-nav{left:0;right:auto;top:24px;justify-content:flex-start;width:auto;margin:0;padding:0;border:0;gap:5px}
body.atelier.legal-page-mode .main-nav .nav-link{min-height:34px;padding:0 16px;border-radius:7px;font-size:.73rem}
body.atelier.legal-page-mode .legal-page-shell{width:min(1180px,calc(100% - 48px));margin:0 auto 36px}
body.atelier.legal-page-mode .legal-breadcrumb{padding:0 2px 17px;font-size:.7rem;color:#aec9da}
body.atelier.legal-page-mode .legal-breadcrumb a{color:#a0e4f3}
body.atelier.legal-page-mode .legal-hero{display:block;padding:29px 32px;border:1px solid #37677c;border-radius:11px;background:linear-gradient(120deg,#163549f5,#0e2232f5);box-shadow:none}
body.atelier.legal-page-mode .legal-hero .eyebrow{font-size:.61rem;letter-spacing:.12em;color:#92dcf2}
body.atelier.legal-page-mode .legal-hero h1{font-size:clamp(1.75rem,3.2vw,2.35rem);line-height:1.2;margin:10px 0 12px;max-width:none}
body.atelier.legal-page-mode .legal-hero p{font-size:.84rem;line-height:1.75;color:#b8d0df;max-width:70ch}
body.atelier.legal-page-mode .legal-hero-mark{display:none}
body.atelier.legal-page-mode .legal-meta{margin-top:17px;font-size:.65rem;color:#94b6ca}
body.atelier.legal-page-mode .legal-hero-actions{margin-top:20px}
body.atelier.legal-page-mode .legal-hero-actions .primary-btn{border-radius:7px;font-size:.74rem;min-height:41px;padding:9px 15px;background:#61cfe7;color:#082431;transition:background .2s,transform .2s}
body.atelier.legal-page-mode .legal-hero-actions .primary-btn:hover{background:#94e6f5;transform:translateY(-1px)}
body.atelier.legal-page-mode .legal-shortcuts{gap:12px;margin:16px 0 25px}
body.atelier.legal-page-mode .legal-shortcuts>a{background:#0d2030f5;border-color:#2c4a60;border-radius:9px;padding:16px 17px;gap:7px;box-shadow:none}
body.atelier.legal-page-mode .legal-shortcuts>a:hover{background:#183b50;border-color:#6cbbd1}
body.atelier.legal-page-mode .legal-shortcuts strong{font-size:.85rem;color:#e2f2fc}
body.atelier.legal-page-mode .legal-shortcuts>a>span:last-of-type{font-size:.67rem;line-height:1.55;color:#9fbdd0}
body.atelier.legal-page-mode .legal-shortcut-number{font-size:.61rem;color:#84d9ee}
body.atelier.legal-page-mode .legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}
body.atelier.legal-page-mode .legal-index{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;padding:18px 13px;background:#0d1e2cf7;border-color:#2d4b60;border-radius:10px}
body.atelier.legal-page-mode .legal-index summary{font-size:.76rem;line-height:1.5}
body.atelier.legal-page-mode .legal-index-group{font-size:.58rem;letter-spacing:.07em;color:#7aadc6}
body.atelier.legal-page-mode .legal-toc a{font-size:.71rem;line-height:1.55;padding:7px 8px}
body.atelier.legal-page-mode .legal-toc a[aria-current]{background:#1c4258;border-left-color:#91e4f5;color:#c1f2ff}
body.atelier.legal-page-mode .legal-content{background:#0e2030fa;border:1px solid #304d61;border-radius:11px;padding:0 31px;box-shadow:none;scroll-margin-top:20px}
body.atelier.legal-page-mode .legal-document-heading{padding:26px 0 23px;border-color:#325064}
body.atelier.legal-page-mode .legal-document-heading .kicker{font-size:.61rem}
body.atelier.legal-page-mode .legal-document-heading h2{font-size:1.55rem;margin:8px 0 9px}
body.atelier.legal-page-mode .legal-document-heading p{font-size:.77rem;color:#a2bfd3;line-height:1.7}
body.atelier.legal-page-mode .legal-clause{padding:27px 0;grid-template-columns:25px minmax(0,1fr);gap:13px;border-bottom-color:#2a4356;background:none}
body.atelier.legal-page-mode .legal-clause>span{font-size:.65rem;color:#80bfd6}
body.atelier.legal-page-mode .legal-clause h2{font-size:1.16rem;line-height:1.45;font-weight:700;margin-bottom:13px;color:#e7f3fa}
body.atelier.legal-page-mode .legal-clause p{font-size:.86rem;line-height:1.9;color:#bcd1e0;max-width:70ch}
body.atelier.legal-page-mode .legal-clause p+p{margin-top:14px}
body.atelier.legal-page-mode .legal-actions a{font-size:.65rem;padding:8px 10px;min-height:37px;border-radius:7px}
body.atelier.legal-page-mode .site-footer{width:min(1180px,calc(100% - 48px));margin:0 auto 26px;background:#081724f2}
@media(max-width:900px){body.atelier.legal-page-mode .legal-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}body.atelier.legal-page-mode .legal-content{padding:0 23px}body.atelier.legal-page-mode .legal-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.atelier.legal-page-mode .legal-store-header .atelier-top{min-height:239px;padding-top:48px;padding-bottom:14px}body.atelier.legal-page-mode .legal-store-header .atelier-brand,body.atelier.legal-page-mode .legal-store-header .atelier-brand img{width:165px;height:165px;max-height:165px}body.atelier.legal-page-mode .main-nav{top:18px;left:0;right:auto;justify-content:flex-start}body.atelier.legal-page-mode .legal-page-shell{width:calc(100% - 32px)}body.atelier.legal-page-mode .legal-layout{grid-template-columns:1fr;gap:14px}body.atelier.legal-page-mode .legal-index{position:static;max-height:none;padding:16px}body.atelier.legal-page-mode .legal-hero{padding:24px}body.atelier.legal-page-mode .legal-breadcrumb{font-size:.66rem;padding-bottom:15px}body.atelier.legal-page-mode .site-footer{width:calc(100% - 32px)}}
@media(max-width:440px){body.atelier.legal-page-mode .legal-hero{padding:22px 19px}body.atelier.legal-page-mode .legal-hero h1{font-size:1.8rem}body.atelier.legal-page-mode .legal-hero p{font-size:.78rem}body.atelier.legal-page-mode .legal-meta{font-size:.61rem}body.atelier.legal-page-mode .legal-shortcuts{gap:9px;margin-bottom:19px}body.atelier.legal-page-mode .legal-shortcuts>a{padding:14px 12px}body.atelier.legal-page-mode .legal-shortcuts strong{font-size:.77rem}body.atelier.legal-page-mode .legal-shortcuts>a>span:last-of-type{font-size:.62rem}body.atelier.legal-page-mode .legal-content{padding:0 18px}body.atelier.legal-page-mode .legal-clause{grid-template-columns:1fr;gap:6px;padding:23px 0}body.atelier.legal-page-mode .legal-clause h2{font-size:1.1rem}body.atelier.legal-page-mode .legal-clause p{font-size:.82rem;line-height:1.85}body.atelier.legal-page-mode .legal-document-heading h2{font-size:1.35rem}}
@media print{body.atelier.legal-page-mode .atelier-header,body.atelier.legal-page-mode .site-bg{display:none!important}}