
body.carnet-model{margin:0;background:#f9f2f0;color:#402638;font:15px/1.65 'Avenir Next','Trebuchet MS',Arial,sans-serif}
.carnet-model>.layout{max-width:1550px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;padding:0;min-height:70vh}
.carnet-model .model-sidebar{background:linear-gradient(155deg,#6a2e4b,#4b2338);color:white;border:0;border-radius:0;padding:24px 18px;position:sticky;top:0;max-height:100vh;overflow:auto;align-self:start;box-shadow:none}
.carnet-model .sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font:700 24px/1.2 Georgia,serif;margin:0 0 24px}.carnet-model .brand-symbol{font:46px Georgia,serif;color:#f5cbdc}
.carnet-model .model-settings{background:#fff5f8;color:#632c49;border-radius:14px;padding:15px;margin-bottom:24px}.carnet-model .model-settings>summary{font-size:16px;font-weight:750;cursor:pointer}.carnet-model .model-settings p{display:block;font-size:13px;line-height:1.6;margin:12px 0}.carnet-model .model-settings button{font:inherit;cursor:pointer}.carnet-model .configure-model{border:0;border-radius:10px;background:#873b61;color:white;padding:11px 13px;width:100%;font-weight:700}.carnet-model .model-settings nav{display:block;overflow:visible;margin-top:10px}.carnet-model .model-settings nav button{display:block;min-width:0;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;color:#763451;padding:9px;font-size:12px}.carnet-model .model-settings nav button:hover,.carnet-model .model-settings nav button.active{background:#f0dce5}
.carnet-model .nav-label{display:block;font-size:10px;font-weight:800;letter-spacing:.17em;color:#eac0d1;margin:18px 8px 10px}.carnet-model .chapter-nav{display:block;overflow:visible}.carnet-model .chapter-nav button{display:block;width:100%;min-width:0;text-align:left;border:0;border-radius:10px;background:transparent;color:white;padding:11px 12px;font:inherit;cursor:pointer}.carnet-model .chapter-nav button.active,.carnet-model .chapter-nav button:hover{background:#aa6485;color:white}.carnet-model .model-sidebar small{display:block;color:#f3dce7}.carnet-model .model-sidebar .progress{height:9px;background:#92516f;border-radius:99px;overflow:hidden;margin:10px 0}.carnet-model .model-sidebar .progress>div{height:100%;background:#ffd8e6}.carnet-model .model-sidebar hr{display:block;border:0;border-top:1px solid #ffffff30;margin:24px 0}.carnet-model main.panel{border:0;border-radius:0;background:#fffaf8;padding:30px clamp(18px,3vw,46px);max-width:none;min-width:0}.carnet-model .project-strip{background:#fff1f6;border:1px solid #e8c8d7;border-radius:14px;padding:12px 15px;margin:0 0 22px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.carnet-model .project-strip button{background:#843b66;color:white;border:0;border-radius:9px;padding:9px 12px;cursor:pointer}
.carnet-model .chapter-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,28%);gap:24px;align-items:start}.carnet-model .chapter-figure{margin:0;position:sticky;top:22px}.carnet-model .chapter-figure img{width:100%;height:auto;max-height:420px;object-fit:contain;border:1px solid #ecd9e2;border-radius:18px;background:#fff}.carnet-model .chapter-figure figcaption{font-size:12px;color:#806575;margin-top:8px}.carnet-model .instruction-list{list-style:none;padding:0;display:grid;gap:10px}.carnet-model .instruction-list li{display:flex;gap:12px;padding:14px;background:white;border:1px solid #ead5df;border-radius:13px}.carnet-model .instruction-list label{display:block;font-weight:400;margin:0;cursor:pointer;white-space:pre-line}.carnet-model .instruction-list input{width:19px;height:19px;accent-color:#873b61;flex:none;margin:4px 0 0}.carnet-model .instruction-list li.complete{background:#f0f4ed}.carnet-model .instruction-list li.complete label{opacity:.7}.carnet-model .source-reference{font-size:12px;color:#806575}.carnet-model .source-reference a{color:#873b61}.carnet-model .pattern-warning{background:#fff1df;border-left:3px solid #b47736;padding:14px;border-radius:10px}.carnet-model dialog.project-dialog{width:min(92vw,650px);max-height:90vh;overflow:auto;border:1px solid #e4c7d4;border-radius:22px;background:#fffaf8;padding:25px;color:#45293a}.carnet-model dialog.project-dialog::backdrop{background:#28132499}.carnet-model .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.carnet-model .dialog-head button{border:0;border-radius:50%;background:#f2dfe8;width:40px;height:40px;color:#632c49;font-size:25px;cursor:pointer}.carnet-model .counter-drawer{background:#fff9f7;color:#45293a;border-radius:0;max-height:none;position:fixed;padding:27px}.carnet-model .counter-drawer .counter-hint{color:#806575}
@media(max-width:900px){.carnet-model>.layout{grid-template-columns:230px minmax(0,1fr)}.carnet-model .chapter-body{grid-template-columns:1fr}.carnet-model .chapter-figure{position:static;max-width:360px}.carnet-model .chapter-figure img{max-height:330px}}
@media(max-width:750px){.carnet-model>.layout{display:block}.carnet-model .model-sidebar{position:relative;max-height:none;padding:18px}.carnet-model .sidebar-brand{display:none}.carnet-model .model-settings{margin-bottom:16px}.carnet-model .chapter-nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:8px}.carnet-model .chapter-nav button{min-width:155px;width:auto;flex:none}.carnet-model .model-sidebar .progress,.carnet-model .model-sidebar hr{display:block}.carnet-model main.panel{padding:24px 17px}.carnet-model .model-sidebar p{display:block}.carnet-model .nav-label{display:block}.carnet-model .hero{flex-wrap:wrap}.carnet-model .hero img{width:100%;height:210px;object-fit:cover;object-position:center 65%}}

.carnet-model .chapter-index{display:inline-block;padding:5px 12px;border-radius:30px;background:#f3dfe8;color:#853e60;font-size:12px;font-weight:700;margin-bottom:10px}.carnet-model .chapter-title{font:700 32px/1.25 Georgia,serif;color:#632c49;margin:0 0 18px}.carnet-model .pager{display:flex;justify-content:space-between;gap:14px;margin:25px 0 16px}.carnet-model .navbtn{border:1px solid #dfc0d0;border-radius:11px;background:white;color:#723753;padding:11px 18px;font:650 14px/1.4 'Avenir Next','Trebuchet MS',Arial,sans-serif;cursor:pointer}.carnet-model .navbtn.primary{background:#632c49;border-color:#632c49;color:white}.carnet-model .navbtn:disabled{opacity:.4;cursor:default}.carnet-model .chapter-footer[hidden]{display:none}.carnet-model .chapter-done{display:flex;align-items:center;gap:9px;font-weight:600}.carnet-model .chapter-done input{width:19px;height:19px;accent-color:#873b61}

.carnet-model .project-notes h2{font:700 32px/1.25 Georgia,serif;color:#632c49;margin:0 0 18px}.carnet-model .project-notes label{display:block;font-weight:650;color:#632c49;margin-bottom:8px}.carnet-model .project-notes textarea{display:block;width:100%;min-height:250px;border:1px solid #d9bccb;border-radius:14px;padding:16px;background:white;font:15px/1.7 'Avenir Next','Trebuchet MS',Arial,sans-serif;color:#45293a}.carnet-model .project-notes .muted{font-size:13px;color:#806575}
