/* Le carnet Tresolo : une lecture éditoriale, construite sur les tokens du produit. */
.journal{padding-block:var(--space-12) var(--section-space)}
.journal-header{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:var(--space-12);padding-bottom:var(--space-10)}
.journal-header h1{font:400 clamp(52px,6vw,88px)/.98 var(--font-display);letter-spacing:-.035em;margin-top:var(--space-6)}
.journal-header h1 em{font-style:normal;color:var(--accent)}
.journal-header>p{max-width:390px;color:var(--ink-2);font-size:var(--text-section);padding-bottom:var(--space-1)}
.journal-topics{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-8);padding-block:var(--space-4);border-block:1px solid var(--line);font-size:var(--text-ui)}
.journal-topics>span{color:var(--muted);margin-right:auto}
.journal-topics a{display:inline-flex;align-items:center;min-height:var(--control-height);font-weight:var(--weight-medium);text-decoration:none}
.journal-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-16);padding-block:var(--space-12) var(--space-16)}
.journal-feature-copy h2{font:400 clamp(38px,3.7vw,58px)/1.08 var(--font-display);letter-spacing:-.025em;margin-block:var(--space-5) var(--space-6)}
.journal-feature-copy h2 a,.journal-entry h3 a{text-decoration:none}
.journal-feature-copy>p:not(.eyebrow){max-width:480px;color:var(--ink-2)}
.journal-text-link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--control-height);font-size:var(--text-ui);font-weight:var(--weight-strong);margin-top:var(--space-6)}
.journal-note{background:var(--ink);color:var(--text-inverse);padding:var(--space-8);align-self:start}
.journal-note .eyebrow{color:var(--nav-muted)}
.journal-note-title{font:400 38px/1.12 var(--font-display);margin-top:var(--space-5)}
.journal-note dl{margin-block:var(--space-8) 0}
.journal-note dl>div{border-top:1px solid var(--nav-active);padding-block:var(--space-3)}
.journal-note dt{font-size:var(--text-ui);font-weight:var(--weight-medium)}
.journal-note dd{font-size:var(--text-meta);color:var(--nav-text);margin:var(--space-1) 0 0}
.journal-note>a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-ui);min-height:var(--control-height);margin-top:var(--space-5)}
.journal-library{border-top:1px solid var(--control-line)}
.journal-library-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6) var(--space-8)}
.journal-library-head h2{font-size:var(--text-section);font-weight:var(--weight-strong)}
.journal-library-head p{font-size:var(--text-ui);color:var(--muted)}
.journal-entry{display:grid;grid-template-columns:.35fr 1fr auto;gap:var(--space-8);align-items:start;padding-block:var(--space-8);border-top:1px solid var(--line)}
.journal-entry>.eyebrow{padding-top:var(--space-2)}
.journal-entry h3{font-size:clamp(24px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em}
.journal-entry p{max-width:550px;margin-top:var(--space-4);color:var(--ink-2);font-size:var(--text-ui)}
.journal-read{display:inline-flex;gap:var(--space-3);align-items:center;min-height:var(--control-height);font-size:var(--text-ui)}
.journal-tools{display:flex;justify-content:space-between;align-items:center;gap:var(--space-10);margin-top:var(--space-12);padding:var(--space-8);border-block:1px solid var(--line);background:var(--surface)}
.journal-tools h2{font-size:clamp(24px,2.1vw,30px);letter-spacing:-.03em;margin-top:var(--space-3)}
.journal-tools p:not(.eyebrow){max-width:610px;color:var(--ink-2);margin-top:var(--space-3);font-size:var(--text-ui)}
.journal-tools>.button{flex-shrink:0}
.journal-breadcrumb{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;font-size:var(--text-meta);color:var(--muted);margin-bottom:var(--space-10)}
.journal-breadcrumb a{min-height:var(--control-height);display:inline-flex;align-items:center}
.article-header{max-width:900px;margin-bottom:var(--space-12)}
.article-header h1{font:400 clamp(40px,4.6vw,66px)/1.05 var(--font-display);letter-spacing:-.025em;margin-top:var(--space-5)}
.article-intro{font-size:var(--text-section);color:var(--ink-2);max-width:780px;margin-top:var(--space-6)}
.article-layout{display:grid;grid-template-columns:240px minmax(0,700px);gap:var(--space-16);align-items:start;padding-top:var(--space-10);border-top:1px solid var(--line)}
.article-aside{position:sticky;top:calc(var(--header-height) + var(--space-6))}
.article-aside ol{padding:0;list-style:none;margin:var(--space-4) 0}
.article-aside li{border-bottom:1px solid var(--line)}
.article-aside li a{display:flex;align-items:center;min-height:var(--control-height);padding-block:var(--space-2);font-size:var(--text-ui);text-decoration:none;color:var(--ink-2)}
.article-back{display:inline-flex;align-items:center;min-height:var(--control-height);font-size:var(--text-ui);margin-top:var(--space-3)}
.article-body{min-width:0}
.article-body>section+section{margin-top:var(--space-10)}
.article-body h2{font-size:clamp(23px,2vw,29px);line-height:1.22;letter-spacing:-.025em;scroll-margin-top:var(--space-6)}
.article-body p{margin-top:var(--space-5);line-height:1.75;color:var(--ink-2)}
.article-body .article-source{font-size:var(--text-meta);color:var(--muted);margin-top:var(--space-3);line-height:1.6;overflow-wrap:anywhere}
.article-calculation{padding:var(--space-6);border-left:3px solid var(--accent);background:var(--surface);margin-block:var(--space-6)}
.article-calculation>p:first-child{margin-top:0;font-size:var(--text-ui)}
.article-calculation strong{display:block;font-size:clamp(23px,2.2vw,31px);line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:var(--space-3)}
.article-calculation>p:last-child{font-size:var(--text-meta);margin-top:var(--space-3)}
.article-action{background:var(--paper-2);padding:var(--space-8);margin-top:var(--space-12)}
.article-action .eyebrow{margin-top:0}
.article-action h2{margin-top:var(--space-3)}
.article-action .button{margin-top:var(--space-6)}
.article-next{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);border-top:1px solid var(--line);margin-top:var(--space-16);padding-top:var(--space-6)}
.article-next .journal-text-link{margin-top:0}
@media(hover:hover){.journal-note>a:hover{color:var(--text-inverse);text-decoration-thickness:2px}.journal-topics a:hover,.article-aside a:hover{color:var(--accent);text-decoration:underline}}
@media(max-width:900px){.journal-feature{gap:var(--space-8)}.journal-entry{grid-template-columns:130px 1fr}.journal-read{grid-column:2}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:var(--space-8)}.journal-tools{align-items:flex-start;flex-direction:column;gap:var(--space-6)}}
@media(max-width:640px){.journal{padding-top:var(--space-8)}.journal-header{grid-template-columns:1fr;gap:var(--space-6);padding-bottom:var(--space-6)}.journal-header>p{font-size:var(--text-body)}.journal-topics{gap:0 var(--space-5)}.journal-topics>span{width:100%;font-size:var(--text-meta);margin-bottom:var(--space-2)}.journal-feature{grid-template-columns:1fr;padding-block:var(--space-8) var(--space-10);gap:var(--space-8)}.journal-note{padding:var(--space-6)}.journal-note-title br{display:none}.journal-library-head{display:block}.journal-library-head p{margin-top:var(--space-2)}.journal-entry{grid-template-columns:1fr;gap:var(--space-4);padding-block:var(--space-6)}.journal-entry>.eyebrow{padding:0}.journal-read{grid-column:auto;justify-self:start}.journal-tools{padding:var(--space-6)}.journal-breadcrumb{margin-bottom:var(--space-6)}.article-header{margin-bottom:var(--space-8)}.article-layout{grid-template-columns:1fr;gap:var(--space-8);padding-top:var(--space-6)}.article-aside{position:static}.article-aside ol{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-4);margin-bottom:0}.article-back{display:none}.article-action{padding:var(--space-6)}.article-next{align-items:flex-start;flex-direction:column;gap:var(--space-3);margin-top:var(--space-10)}.article-calculation{padding:var(--space-5)}}