/* Cahier Savoy -- le soin invisible des belles pages. 100% CSS, sans telemetrie. */
.soin-page{--soin-ink:#2b2a24;--soin-cream:#f2eddf;--soin-gold:#987c51;--soin-line:#cfc5b1;color:var(--soin-ink);padding-bottom:clamp(5rem,9vw,9rem)}
.soin-page *{box-sizing:border-box}
.soin-page a:focus-visible{outline:3px solid #815e24;outline-offset:5px}
.soin-rail{display:flex;justify-content:space-between;gap:1rem;border-top:2px solid #585043;padding:1.2rem 0;font:600 .69rem/1.5 var(--ui,Arial,sans-serif);color:#6d6253;letter-spacing:.18em}
.soin-hero{padding-top:1.4rem}
.soin-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(3.5rem,7vw,7rem) 0}
.soin-kicker{font:600 .74rem/1.5 var(--ui,Arial,sans-serif);letter-spacing:.17em;text-transform:uppercase;color:#826638;margin:0 0 1.6rem}
.soin-hero h1{font:400 clamp(3.9rem,6vw,7.1rem)/1.02 var(--serif,Georgia,serif);letter-spacing:-.055em;margin:0 0 2.5rem}
.soin-hero h1 em,.soin-chapter h2 em{font-weight:400;color:#9c7b48}
.soin-hero-grid>div:first-child>p:last-child{max-width:58ch;font:400 1.08rem/1.85 var(--reading,Georgia,serif);color:#5b574e;margin:2rem 0 0}
.soin-deck{font:400 clamp(1.2rem,1.75vw,1.52rem)/1.69 var(--reading,Georgia,serif);max-width:53ch;margin:0;color:#4e4940}
.soin-cover{padding:clamp(.7rem,1.3vw,1.3rem);background:#ebe4d6;box-shadow:14px 14px 0 #e2dbce;border:1px solid #c5b89e;aspect-ratio:.73;max-width:420px;width:100%;margin:0 auto}
.soin-cover-inner{height:100%;border:1px solid #b8a384;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:1.3rem;text-align:center}
.soin-cover-inner>p,.soin-cover-inner>span:last-child{font:600 .66rem/1.5 var(--ui,Arial,sans-serif);letter-spacing:.24em;color:#746348}
.soin-cover-mark{font:400 clamp(8rem,14vw,14rem)/.9 var(--serif,Georgia,serif);color:#8c764c;margin:auto}
.soin-cover-rule{width:38%;height:1px;background:#aa9472}
.soin-cover-inner strong{font:400 clamp(1.6rem,2.6vw,2.7rem)/1.14 var(--serif,Georgia,serif);margin:1.3rem 0;color:#4c4334}
.soin-intro-meta{border-top:1px solid var(--soin-line);border-bottom:1px solid var(--soin-line);margin:0;padding:1rem 0;font:400 .8rem/1.5 var(--ui,Arial,sans-serif);color:#716b60;text-align:center;letter-spacing:.035em}
.soin-index{display:flex;gap:.7rem 1.7rem;flex-wrap:wrap;padding:2.2rem 0 1rem}
.soin-index span{flex:1 0 100%;font:600 .68rem/1.5 var(--ui,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#886c43}
.soin-index a{font:600 .8rem/1.7 var(--ui,Arial,sans-serif);text-decoration:none;border-bottom:1px solid #b6a584}
.soin-index a:hover{text-decoration:underline;text-underline-offset:4px}
.soin-chapter{display:grid;grid-template-columns:minmax(140px,.26fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);border-top:1px solid var(--soin-line);padding:clamp(4.2rem,8vw,8rem) 0;scroll-margin-top:2rem}
.soin-number{font:400 3.25rem/.95 var(--serif,Georgia,serif);color:#a1845b}
.soin-number span{display:block;margin-top:1.2rem;font:600 .74rem/1.4 var(--ui,Arial,sans-serif);color:#72685a;letter-spacing:.12em;text-transform:uppercase}
.soin-content{min-width:0;max-width:900px}
.soin-chapter h2{font:400 clamp(2.9rem,4.5vw,5.4rem)/1.13 var(--serif,Georgia,serif);letter-spacing:-.04em;margin:0 0 2.6rem}
.soin-content>p:not(.soin-kicker,.soin-fine-print){font:400 clamp(1.06rem,1.3vw,1.25rem)/1.82 var(--reading,Georgia,serif);max-width:68ch;color:#4f4c44;margin:0 0 1.5rem}
.soin-content blockquote{font:italic 400 clamp(1.45rem,2.1vw,2.1rem)/1.52 var(--serif,Georgia,serif);border-left:2px solid #a78c63;color:#695438;padding:1rem 1.7rem;margin:2.6rem 0;max-width:50ch}
.soin-fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;margin:3rem 0 2rem;border-top:1px solid #b7a990}
.soin-fonts>div{display:flex;flex-direction:column;padding:1.2rem 0 1.8rem;border-bottom:1px solid #b7a990}
.soin-font-example{display:block;line-height:1.1;font-size:clamp(3.5rem,6vw,5.5rem);padding-bottom:.6rem;color:#4b4336}
.soin-eg{font-family:'Savoy EB Garamond',Georgia,serif}
.soin-cabin{font-family:'Savoy Cabin',Arial,sans-serif}
.soin-sans{font-family:'Savoy Source Sans 3',Arial,sans-serif}
.soin-source{font-family:'Savoy Source Serif 4',Georgia,serif}
.soin-fonts strong{font:600 .97rem/1.5 var(--ui,Arial,sans-serif)}
.soin-fonts small{font:400 .79rem/1.5 var(--ui,Arial,sans-serif);color:#696052}
.soin-text-link{font:600 .88rem var(--ui,Arial,sans-serif);text-underline-offset:6px}
.soin-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin:2.7rem 0 1rem}
.soin-exemple{min-width:0;min-height:400px;padding:clamp(1.1rem,3.3vw,2.7rem);background:#eee9df;border:1px solid #d2cabb}
.soin-example-label{font:600 .67rem/1.6 var(--ui,Arial,sans-serif);letter-spacing:.04em;color:#726a5d;padding-bottom:1rem;border-bottom:1px solid #cdc4b5}
.soin-example-label span{padding-right:.45rem;color:#967c54}
.soin-exemple h3{font-weight:400;font-size:2rem;line-height:1.2;margin:2.1rem 0 1.4rem}
.soin-avant h3{font-family:Arial,sans-serif;font-size:1.25rem;font-weight:700;margin:1rem 0 .4rem}
.soin-avant p{font:400 .86rem/1.17 Arial,sans-serif;color:#444;letter-spacing:-.015em;text-align:justify;margin:0}
.soin-apres{background:#f0e9d9}
.soin-apres h3{font-family:'Savoy EB Garamond',Georgia,serif;font-size:2.3rem}
.soin-apres p{font:400 1.14rem/1.77 var(--reading,Georgia,serif);color:#3c3a34;max-width:44ch;margin:0 0 1.1rem}
.soin-content>p.soin-fine-print{font:400 .82rem/1.65 var(--ui,Arial,sans-serif);color:#726b61;max-width:80ch}
.soin-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:2.7rem 0}
.soin-details>div{padding:1.4rem;background:#ede7db;border-top:2px solid #a99576;min-width:0}
.soin-details span{display:block;font:600 .72rem/1.5 var(--ui,Arial,sans-serif);color:#715a37;text-transform:uppercase;letter-spacing:.1em}
.soin-details p{font:400 clamp(1.1rem,1.6vw,1.4rem)/1.45 var(--serif,Georgia,serif);margin:1.2rem 0}
.soin-details small{font:400 .77rem/1.6 var(--ui,Arial,sans-serif);color:#645d52}
.soin-proofstrip{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.5rem}
.soin-proofstrip span{border:1px solid #c0b39e;padding:.7rem 1rem;font:600 .74rem/1.5 var(--ui,Arial,sans-serif);color:#64594a}
.soin-conclusion{margin-top:3rem;padding:clamp(2rem,4vw,4rem);background:#333c39;color:#f4ebdd}
.soin-conclusion span{font-size:2rem;color:#d7bd8c}
.soin-conclusion p{font:400 clamp(1.75rem,3.3vw,3.4rem)/1.28 var(--serif,Georgia,serif);max-width:16ch;margin:1.3rem 0 0}
.soin-actions{display:flex;flex-wrap:wrap;gap:1.3rem 2rem;margin-top:2.8rem}
.soin-actions a{font:600 .86rem/1.6 var(--ui,Arial,sans-serif);text-underline-offset:5px}
@media(max-width:1030px){.soin-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(235px,.8fr);gap:2rem}.soin-chapter{grid-template-columns:120px minmax(0,1fr);gap:2.4rem}.soin-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.soin-hero-grid{grid-template-columns:1fr}.soin-cover{max-width:300px;margin:1rem auto}.soin-hero h1{font-size:clamp(3.15rem,10vw,4.7rem)}.soin-chapter{grid-template-columns:1fr;gap:1.2rem}.soin-number{font-size:2.3rem}.soin-number span{display:inline-block;margin:0 0 0 .7rem}.soin-before-after{grid-template-columns:1fr}.soin-exemple{min-height:0}.soin-fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.soin-intro-meta{text-align:left}}
@media(max-width:410px){.soin-rail{font-size:.59rem}.soin-details{grid-template-columns:1fr}.soin-font-example{font-size:3.6rem}.soin-hero h1{font-size:3.03rem}}
@media(prefers-reduced-motion:reduce){.soin-page{scroll-behavior:auto}}


/* Hebrew and polytonic Greek: self-hosted exact glyph subsets for the specimens. */
@font-face{font-family:'Savoy Noto Serif Hebrew';font-style:normal;font-weight:400 600;font-display:block;src:url('/atelier/le-soin-du-detail/fonts/noto-serif-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Savoy EB Garamond Greek';font-style:normal;font-weight:400 700;font-display:block;src:url('/atelier/le-soin-du-detail/fonts/eb-garamond-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Savoy EB Garamond Greek';font-style:normal;font-weight:400 700;font-display:block;src:url('/atelier/le-soin-du-detail/fonts/eb-garamond-greek-ext.woff2') format('woff2');unicode-range:U+1F00-1FFF}
.soin-ancient-languages{margin:3rem 0;padding:2rem 0 1.6rem;border-top:1px solid #b7a990;border-bottom:1px solid #b7a990}
.soin-ancient-languages h3{font:400 clamp(2.1rem,3.4vw,3.2rem)/1.16 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:0 0 1.4rem}
.soin-ancient-languages h3 em{font-weight:400;color:#96784c}
.soin-ancient-languages>p:not(.soin-kicker){font:400 1.09rem/1.8 var(--reading,Georgia,serif);max-width:66ch}
.soin-ancient-languages a{text-underline-offset:4px}
.soin-language-specimens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.soin-language-specimen{margin:0;min-width:0;background:#eee8d9;border:1px solid #c8bca8;padding:clamp(1.2rem,2.3vw,2rem);display:flex;flex-direction:column;gap:1rem}
.soin-language-specimen figcaption{display:flex;flex-direction:column;gap:.25rem;font-family:var(--ui,Arial,sans-serif)}
.soin-language-count{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#896a3e}
.soin-language-specimen figcaption strong{font-size:.91rem;font-weight:600}
.soin-original{display:block;color:#4c655b;font-size:clamp(2.6rem,4vw,4rem);line-height:1.6;white-space:normal;overflow-wrap:normal}
.soin-hebrew{font-family:'Savoy Noto Serif Hebrew',serif;direction:rtl;unicode-bidi:isolate;text-align:center;letter-spacing:normal;font-synthesis:none}
.soin-greek{font-family:'Savoy EB Garamond Greek',serif;direction:ltr;unicode-bidi:isolate;text-align:center;font-synthesis:none}
.soin-language-specimen small{font:400 .76rem/1.6 var(--ui,Arial,sans-serif);color:#60584b}
.soin-ancient-languages>p.soin-languages-limit{font:400 .83rem/1.7 var(--ui,Arial,sans-serif);color:#6e675b}
@media(max-width:700px){.soin-language-specimens{grid-template-columns:1fr}.soin-ancient-languages{padding-top:1.7rem}.soin-original{font-size:3.2rem}}


/* True OpenType specimens only: pinned Libertinus Serif 7.051 OTF-based Latin subset.
   Production WOFF2 verified to preserve GSUB smcp, c2sc and onum. */
@font-face{
  font-family:"Savoy Libertinus Editorial";
  src:url("/atelier/le-soin-du-detail/fonts/libertinus-serif-regular-sc-onum-latin.woff2") format("woff2");
  font-style:normal;font-weight:400;font-display:block;
}
.soin-opentype{padding:2rem 0 1.8rem;border-top:1px solid #b7a990;border-bottom:1px solid #b7a990;margin:3rem 0}
.soin-opentype h3{font:400 clamp(2.15rem,3.6vw,3.3rem)/1.17 var(--serif,Georgia,serif);letter-spacing:-.03em;margin:0 0 1.3rem}
.soin-opentype h3 em{font-weight:400;color:#947245}
.soin-opentype>p:not(.soin-kicker){max-width:67ch;font:400 1.08rem/1.8 var(--reading,Georgia,serif)}
.soin-advanced-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.soin-advanced-pair{margin:0;min-width:0;background:#efe8d9;border:1px solid #cdbda7;padding:clamp(1.1rem,2vw,2rem)}
.soin-advanced-pair figcaption{font:600 .83rem/1.6 var(--ui,Arial,sans-serif);border-bottom:1px solid #cbbda6;padding-bottom:1rem}
.soin-advanced-pair code{font:600 .8rem/1.3 monospace}
.soin-advanced-line{padding:1.2rem 0;display:flex;flex-direction:column;gap:.4rem;min-width:0}
.soin-advanced-line+.soin-advanced-line{border-top:1px solid #d7cbb8}
.soin-advanced-line>span{font:600 .7rem/1.5 var(--ui,Arial,sans-serif);color:#806949;letter-spacing:.06em}
.soin-libertinus{display:block;font:400 clamp(1.45rem,2.4vw,2.1rem)/1.5 "Savoy Libertinus Editorial",Georgia,serif;white-space:normal;font-synthesis:none;overflow-wrap:normal}
.soin-caps-regular{font-variant-caps:normal;font-feature-settings:"smcp" 0,"c2sc" 0}
.soin-caps-real{font-variant-caps:all-small-caps;font-feature-settings:"smcp" 1,"c2sc" 1}
.soin-digits-lining{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1,"onum" 0}
.soin-digits-oldstyle{font-variant-numeric:oldstyle-nums;font-feature-settings:"onum" 1,"lnum" 0}
.soin-opentype>p.soin-advanced-caution{font:400 .84rem/1.75 var(--ui,Arial,sans-serif);color:#665a49}
@media(max-width:760px){.soin-advanced-pairs{grid-template-columns:1fr}.soin-libertinus{font-size:clamp(1.45rem,5.4vw,2rem)}}