/* Public demos reuse official Youkou component classes */
.demo .referentiel-layout{grid-template-columns:180px 1fr;gap:14px}.demo .rubriques{min-height:320px;padding:18px 15px}.demo .rubriques h2{font-size:1.55rem}.demo .content-panel{padding:18px}.demo .learning-card{grid-template-columns:105px 1fr 44px;padding:13px;gap:13px}.demo .card-ref{padding:8px}.demo .card-body h3{font-size:.95rem}.demo .science-pistes-list a{cursor:pointer}.demo .homework-list{display:grid;gap:10px}.demo .homework-card{background:#fff;border:1px solid var(--youkou-line,#dde4e1);border-radius:16px;padding:16px}.demo .homework-card h3{font:700 18px "Avenir Next",sans-serif;margin:0 0 5px}.demo .homework-card p{margin:4px 0}.demo .entry-type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0}.demo .entry-type-picker label{border:1px solid #d8e1de;border-radius:13px;padding:11px;background:#fff}.demo .entry-type-picker input{margin-right:6px}.demo .native-results{display:grid;gap:8px;margin-top:12px}.demo .native-result{display:grid;grid-template-columns:1fr 90px 150px;gap:8px;align-items:center;background:#fff;border:1px solid #dfe5e2;border-radius:13px;padding:12px}.demo .native-result input,.demo .native-result select{padding:9px;border:1px solid #ccd8d4;border-radius:9px;font:inherit}.meeting-builder{background:#fff;border-radius:18px;padding:18px}.meeting-builder .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meeting-builder label{font-size:12px;font-weight:800}.meeting-builder input{width:100%;margin-top:5px;padding:10px;border:1px solid #ccd8d4;border-radius:9px}.parent-preview{margin-top:15px;padding:18px;background:#f7f4ee;border-radius:18px}.parent-preview .slots{margin-top:10px}.parent-preview .slot{cursor:pointer}.parent-preview .slot.selected{background:#203642;color:#fff}.native-dialog{position:fixed;inset:0;z-index:1100;background:#20364255;display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.native-dialog[hidden]{display:none}.native-dialog-card{width:min(680px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:auto;background:#fffdfa;border-radius:18px;padding:28px;box-shadow:0 20px 80px #6b403d40}.native-dialog-card h2{font:400 30px Georgia,serif}.native-dialog-close{float:right;border:0;background:none;font-size:25px;cursor:pointer;color:#bd7b65}@media(max-width:780px){.demo .referentiel-layout{display:block}.demo .rubriques{min-height:0;margin-bottom:12px}.demo .native-result{grid-template-columns:1fr}.meeting-builder .form-grid{grid-template-columns:1fr}}