/* Le Carnet Man Cinna — shared additions */
.skip-link{position:fixed;top:8px;left:8px;z-index:50;background:var(--ink);color:#fff;padding:10px 18px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.editorial-page{overflow-x:hidden}.editorial-page main{min-height:55vh}.editorial-page h1{font-size:clamp(44px,5vw,76px);letter-spacing:-2px;max-width:880px}.back-link{display:block;font-size:13px;color:var(--muted);margin-bottom:35px;width:fit-content}.back-link:hover{text-decoration:underline}.editorial-page .eyebrow{display:block}.journal-hero{display:grid;grid-template-columns:1fr 230px;gap:60px;align-items:center;padding-top:65px;padding-bottom:65px}.journal-hero p{max-width:610px;font-size:18px}.journal-seal{border:1px solid var(--gold);border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-9deg);color:var(--gold);background:#eee8d9}.journal-seal span{font-size:9px;letter-spacing:1.5px}.journal-seal b{font:68px/.9 Georgia,serif;letter-spacing:-7px;margin:17px 0}.journal-seal small{font-size:10px;font-style:italic}.journal-section{padding-top:35px;padding-bottom:75px}.journal-caption{font-size:13px;color:var(--muted)}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.journal-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px}.journal-card{min-width:0;border:1px solid var(--line);background:#fffdf8;transition:transform .2s,box-shadow .2s}.journal-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #25403912}.journal-card-link{display:block;height:100%}.journal-cover{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--ink);color:#e6d8bb}.journal-cover:after{content:'';position:absolute;width:210px;height:210px;border:1px solid currentColor;border-radius:50%;right:-105px;bottom:-105px;opacity:.4}.journal-cover span{font-size:10px;letter-spacing:3px}.journal-cover b{font:76px/1.1 Georgia,serif;font-weight:400}.journal-cover i{font:14px Georgia,serif}.card-tone-1 .journal-cover{background:#e7ddc8;color:#5c583e}.card-tone-2 .journal-cover{background:#a46c50;color:#fff5e6}.journal-card-body{padding:25px}.journal-card-body .eyebrow{font-size:10px;letter-spacing:1px;display:block}.journal-card h3{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:15px 0}.journal-card p{font-size:14px;line-height:1.7}.journal-read{font-size:13px;border-bottom:1px solid var(--gold);display:flex;justify-content:space-between;padding-bottom:7px;margin-top:24px}.quiz-teaser{background:var(--ink);color:var(--paper);padding-top:45px;padding-bottom:45px;display:flex;justify-content:space-between;align-items:center;gap:35px}.quiz-teaser .eyebrow{color:#d8bf92}.quiz-teaser p{color:#e0e5df;margin-bottom:0;max-width:560px}.quiz-teaser h2{font-size:43px}.quiz-teaser .btn{flex-shrink:0}.journal-letter{text-align:center;padding-top:65px;padding-bottom:65px}.journal-letter p{max-width:590px;margin:0 auto 25px}.home-carnet{border-top:1px solid var(--line);padding-top:60px;padding-bottom:60px}.home-discover{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding-top:35px;padding-bottom:45px}.home-discover>div{padding:30px;background:#eee8d9}.home-discover>div:first-child{background:var(--ink);color:#fff}.home-discover>div:first-child p{color:#e0e5df}.home-discover>div:first-child .eyebrow{color:#d8bf92}.home-discover h3{font-size:32px}.home-discover p{font-size:15px}.home-discover a{margin-top:8px}.article-header{padding-top:45px;padding-bottom:40px}.article-header h1{max-width:900px}.article-lead{font-size:21px;line-height:1.7;max-width:850px}.article-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px}.article-layout{display:grid;grid-template-columns:240px minmax(0,730px);gap:65px;align-items:start;border-top:1px solid var(--line);padding-top:45px;padding-bottom:50px}.article-toc{position:sticky;top:25px;font-size:13px}.article-toc>p{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:var(--gold)}.article-toc nav a{display:block;padding:11px 0;border-bottom:1px solid var(--line);line-height:1.5}.toc-quiz{display:block;background:#ece8da;padding:20px;margin-top:25px;font-family:Georgia,serif;font-size:19px;line-height:1.4}.article-prose{font-size:18px;line-height:1.9;min-width:0}.article-prose p{color:#4a524b}.article-prose section{scroll-margin-top:30px;margin-bottom:45px}.article-prose h2{font-size:32px;letter-spacing:-.5px;line-height:1.2}.article-prose a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.writing-exercise{background:#ece8da;border-left:3px solid var(--gold);padding:30px;margin:45px 0}.writing-exercise .eyebrow{font-size:11px}.writing-exercise p{margin-bottom:0}.article-end{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.article-end .btn{text-decoration:none}.letter-page{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:55px;padding-bottom:75px;align-items:center}.letter-page h1{font-size:clamp(42px,4.5vw,64px)}.letter-copy>p{font-size:18px;max-width:510px}.letter-promises{list-style:none;padding:10px 0 0;margin:0}.letter-promises li{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0}.letter-promises li>span{font:28px Georgia,serif;color:var(--gold)}.letter-promises strong{font-size:16px;font-weight:500}.letter-promises p{font-size:14px;margin:3px 0 0}.letter-paper{background:#f2eee2;border:1px solid #ddd3bc;padding:40px;box-shadow:10px 10px 0 #ebe7d9;position:relative}.letter-paper h2{font-size:38px;padding-top:30px}.letter-stamp{display:block;margin-left:auto;border:1px solid var(--gold);width:50px;height:56px;text-align:center;line-height:54px;font-family:Georgia,serif;color:var(--gold);transform:rotate(8deg)}.letter-label{display:block;font-size:14px;margin-top:26px}.letter-label input{display:block;width:100%;margin-top:8px;border:1px solid #aaae9c;background:var(--paper);padding:14px;border-radius:0;min-height:48px}.letter-consent{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.7;margin:20px 0}.letter-consent input{margin-top:4px;flex-shrink:0;width:18px;height:18px;accent-color:var(--ink)}.letter-consent a{text-decoration:underline}.letter-form button{width:100%}.letter-note{font-size:11px;margin-top:13px}.letter-status{font-size:14px;margin:15px 0 0;white-space:pre-line}.letter-status[data-error=true]{color:#9f342d}.letter-action{max-width:780px;padding-top:70px;padding-bottom:80px;min-height:55vh}.letter-action .back-link{margin-top:30px}.letter-action [role=status]{margin-top:25px;font-size:18px}.quiz-page{padding-top:40px;padding-bottom:70px}.quiz-intro{text-align:center;max-width:870px;margin:auto}.quiz-intro .back-link{margin-bottom:25px}.quiz-intro h1{margin-left:auto;margin-right:auto;font-size:clamp(43px,5vw,68px)}.quiz-intro>p{max-width:630px;margin:0 auto 20px;font-size:18px}.quiz-facts{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--gold);margin:24px 0 34px}.quiz-facts span+span:before{content:'·';margin-right:20px}.quiz-frame{max-width:790px;margin:auto;border:1px solid var(--line);background:#f3efe5;box-shadow:8px 8px 0 #e9e3d5;min-height:330px;padding:40px}.quiz-start{text-align:center}.quiz-start h2{font-size:43px}.quiz-start p{max-width:460px;margin:20px auto}.quiz-spark{display:block;font-size:50px;line-height:1;color:var(--gold);margin-bottom:15px}.quiz-small{font-size:12px!important}.quiz-privacy{text-align:center;font-size:11px;margin:25px auto 0;max-width:640px}.quiz-progress-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--gold);margin-bottom:12px}.quiz-progress{display:block;width:100%;height:3px;accent-color:var(--ink);border:0;margin-bottom:32px}.quiz-progress::-webkit-progress-bar{background:#d9d5c5}.quiz-progress::-webkit-progress-value{background:var(--ink)}.quiz-question-title{font-size:34px;line-height:1.2;letter-spacing:-.6px}.quiz-answers{border:0;margin:22px 0;padding:0;display:grid;gap:10px}.quiz-answer{display:flex;align-items:center;gap:15px;background:var(--paper);border:1px solid #d3d4c5;padding:17px;cursor:pointer;line-height:1.5;font-size:16px;transition:background .15s,border .15s}.quiz-answer:has(input:checked){background:#e5eaca;border-color:var(--ink)}.quiz-answer:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}.quiz-answer input{accent-color:var(--ink);width:18px;height:18px;flex-shrink:0}.quiz-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:25px}.quiz-back{background:none;border:0;padding:12px 0;text-decoration:underline;font-size:13px}.quiz-result-eyebrow{display:block;color:var(--gold);font-size:11px;letter-spacing:2px}.quiz-result h2{font-size:45px;margin:16px 0 20px}.quiz-result>p{font-size:17px}.quiz-result blockquote{margin:25px 0;padding:25px;border-left:2px solid var(--gold);background:#e8e3d4;font:23px/1.5 Georgia,serif}.quiz-result h3{font-size:24px;margin:28px 0 15px}.quiz-result ul{padding-left:22px;color:var(--muted)}.quiz-result .result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.quiz-result .result-share{border:1px solid var(--ink);background:transparent;padding:12px 18px;min-height:46px}.quiz-result .result-more{display:block;font-size:14px;text-decoration:underline;margin-top:20px}.quiz-result [role=status]{font-size:12px;margin:12px 0}.quiz-frame.is-transitioning{animation:reveal-quiz .3s ease-out}@keyframes reveal-quiz{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.journal-grid{gap:18px}.journal-card-body{padding:20px}.journal-card h3{font-size:25px}.journal-hero{grid-template-columns:1fr 150px;gap:20px}.journal-seal span{font-size:7px;letter-spacing:.7px}.journal-seal b{font-size:50px;margin:10px}.journal-seal small{font-size:8px}.article-layout{grid-template-columns:1fr;gap:25px}.article-toc{position:static;display:none}.letter-page{gap:35px;grid-template-columns:1fr}.letter-paper{max-width:600px;width:100%}.quiz-teaser{flex-direction:column;align-items:flex-start}.home-discover{grid-template-columns:1fr}.journal-card-body p{font-size:13px}}
@media(max-width:600px){.journal-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:25px}.journal-seal{display:none}.journal-grid,.journal-grid.two{grid-template-columns:1fr}.journal-cover{height:150px;align-items:flex-start;padding-left:30px}.journal-cover b{font-size:64px}.journal-card h3{font-size:28px}.journal-card-body p{font-size:15px}.journal-section{padding-bottom:40px}.journal-hero p{font-size:16px}.quiz-teaser h2{font-size:36px}.home-carnet{padding-top:35px}.article-header{padding-top:25px;padding-bottom:25px}.article-lead{font-size:18px}.article-layout{padding-top:25px}.article-prose{font-size:17px}.article-prose h2{font-size:28px}.writing-exercise{padding:22px}.letter-page{padding-top:30px;padding-bottom:50px}.letter-paper{padding:25px;box-shadow:5px 5px 0 #ebe7d9}.quiz-frame{padding:25px 20px;box-shadow:5px 5px 0 #e9e3d5}.quiz-question-title{font-size:29px}.quiz-answer{padding:14px;font-size:15px;gap:10px}.quiz-intro h1{font-size:41px}.quiz-intro>p{font-size:16px}.quiz-result h2{font-size:37px}.quiz-result blockquote{font-size:21px;padding:18px}.quiz-facts{gap:10px;font-size:11px}.quiz-facts span+span:before{margin-right:10px}.music-dock{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:7px 10px;gap:8px}.music-toggle{min-width:36px;height:36px}.journal-letter h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.quiz-frame.is-transitioning{animation:none}.journal-card{transition:none}}

.house-address,.footer-address{font-style:normal;line-height:1.7}.house-address{font-size:18px;margin:15px 0}.footer-address{font-size:13px;color:var(--muted);margin-top:22px}.footer-address span{font-size:10px;letter-spacing:1.2px;color:var(--gold)}

/* Compact playback pill; the full playlist opens above it. */
.music-dock.playlist-dock{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:2px;width:96px;max-width:calc(100vw - 24px);height:52px;padding:4px;border:1px solid #b2bcae;border-radius:28px;background:var(--paper);box-shadow:0 3px 14px #183a2422}
.playlist-dock .music-toggle{display:grid;place-items:center;flex:0 0 42px;width:42px;min-width:42px;height:42px;padding:0;border:4px solid var(--paper);border-radius:50%;background:var(--ink);color:#fff;font:14px/1 Arial,sans-serif}
.playlist-dock details,.playlist-dock details[open]{position:static;flex:0 0 42px;width:42px;margin:0;padding:0;border:0;font:12px/1.5 Arial,sans-serif}
.playlist-dock summary{display:grid;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;margin:0;padding:0;border:0;border-radius:50%;list-style:none;cursor:pointer;background:transparent;color:var(--ink);font:21px/1 Georgia,serif}
.playlist-dock summary::-webkit-details-marker{display:none}
.playlist-dock summary::after{display:none}
.playlist-dock details[open]>summary{background:#e8ecd8}
.playlist-dock .music-panel{position:absolute;right:0;bottom:calc(100% + 8px);width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow:auto;padding:16px;border:1px solid #b2bcae;border-radius:16px;background:var(--paper);box-shadow:0 5px 22px #183a2422}
.playlist-dock details:not([open])>.music-panel{display:none}
.music-panel-heading{display:flex;align-items:flex-start;gap:8px}
.music-panel-heading>div{min-width:0;flex:1}
.playlist-dock .music-track-name{display:block;color:var(--ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.playlist-dock .music-caption{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:3px}
.playlist-dock .music-close{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#ecefe3;color:var(--ink);font-size:22px;line-height:1}
.playlist-dock .music-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 10px}
.music-controls button{width:40px;height:36px;border:1px solid var(--line);background:none;border-radius:6px}
.music-controls button:disabled{cursor:default;opacity:.35}
.music-controls [data-position]{font-size:11px;font-variant-numeric:tabular-nums}
.playlist-dock label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;font-size:12px}
.playlist-dock label input{width:165px;max-width:70%;accent-color:var(--ink)}
.music-track-list{margin:12px 0 0;padding:0;list-style:none;max-height:min(220px,35dvh);overflow:auto;overscroll-behavior:contain}
.music-track-list li+li{border-top:1px solid var(--line)}
.music-track-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:10px 5px;border:0;background:none;text-align:left;font-size:11px;line-height:1.5}
.music-track-list button span{min-width:0;max-width:195px;overflow-wrap:anywhere}
.music-track-list button small{color:var(--muted);font-size:10px;white-space:nowrap}
.music-track-list button.is-current{background:#e8ecd8;font-weight:600}
.playlist-dock .music-status{max-width:250px;margin:10px 0 0;font-size:11px;line-height:1.5}
.playlist-dock .music-status:empty{display:none}
footer{padding-bottom:76px}