*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--c-ivory-50);color:var(--c-ink);line-height:1.55}
img,video{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit}
.shell{width:min(calc(100% - 40px),var(--content-max));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;padding:12px 16px;border-radius:8px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(24,59,91,.97);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}
.site-header__inner{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-6)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c-yellow-400);color:var(--c-blue-950);font-weight:900;letter-spacing:.02em}.brand__text{font-weight:750}
.nav{display:flex;align-items:center;gap:6px}.nav a,.account>a{padding:9px 11px;border-radius:8px;text-decoration:none;color:rgba(255,255,255,.88);font-size:.94rem}.nav a:hover,.account>a:hover{background:rgba(255,255,255,.09);color:#fff}
.account{display:flex;align-items:center;gap:10px;font-size:.9rem}.account__name{max-width:140px;overflow:hidden;text-overflow:ellipsis}.inline-form{display:inline}.link-button{border:0;background:transparent;color:inherit;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mobile-nav-toggle{display:none}

.main{padding-block:var(--sp-7) var(--sp-8);min-height:calc(100vh - 150px)}
.site-footer{border-top:1px solid var(--c-border);background:#fff}.site-footer__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);color:var(--c-muted);font-size:.88rem}

h1,h2,h3{color:var(--c-blue-950);line-height:1.12;letter-spacing:-.02em}h1{font-size:clamp(2.15rem,4vw,4.2rem);margin:0}h2{font-size:clamp(1.45rem,2vw,2rem)}h3{font-size:1.1rem}.lede{max-width:800px;color:var(--c-muted);font-size:1.08rem}.muted{color:var(--c-muted)}.small{font-size:.86rem}.eyebrow{margin:0 0 var(--sp-2);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:850;color:var(--c-blue-700)}

.hero{padding-block:var(--sp-7)}.hero--split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:var(--sp-7);align-items:stretch}.hero__copy{display:flex;flex-direction:column;justify-content:center}.hero__copy h1{max-width:900px}
.global-search{margin-top:var(--sp-5);display:flex;align-items:center;gap:var(--sp-2);padding:8px;background:#fff;border:1px solid var(--c-border);border-radius:18px;box-shadow:var(--shadow-card);max-width:900px}.global-search__icon{font-size:1.7rem;color:var(--c-teal-600);padding-left:8px}.global-search input{min-width:0;flex:1;border:0;outline:0;padding:0 6px;background:transparent}
.daily-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:var(--c-blue-900);color:#fff;border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:var(--shadow-card);min-height:280px}.daily-card .eyebrow{color:var(--c-yellow-400)}.daily-card img,.daily-card__placeholder{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:14px;background:#fff}.daily-card__placeholder{display:grid;place-items:center;color:var(--c-blue-900);font-size:2rem;font-weight:900}.daily-card strong{font-size:1.5rem}

.stats-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.stats-strip>div{background:#fff;padding:var(--sp-4);display:flex;align-items:baseline;gap:8px}.stats-strip strong{font-size:1.35rem;color:var(--c-blue-900)}.stats-strip span{color:var(--c-muted);font-size:.88rem}

.section{margin-top:var(--sp-7)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.section-heading h2{margin:0}.section-heading--compact{align-items:center;margin-bottom:var(--sp-3)}.section-heading--compact h2{font-size:1.12rem}
.page-header{padding-block:var(--sp-4) var(--sp-6)}.page-header--actions{display:flex;justify-content:space-between;align-items:end;gap:var(--sp-5)}.page-header h1{font-size:clamp(2rem,3.7vw,3.5rem)}.action-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}

.panel{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.button{min-height:var(--control);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--c-border);border-radius:10px;background:#fff;color:var(--c-ink);font-weight:750;text-decoration:none;cursor:pointer;white-space:nowrap}.button:hover{border-color:var(--c-blue-700);box-shadow:var(--shadow-sm)}.button--primary{background:var(--c-blue-900);border-color:var(--c-blue-900);color:#fff}.button--primary:hover{background:var(--c-blue-950)}.button--ghost{background:transparent}.button--wide{width:100%}
.control{width:100%;min-height:var(--control);border:1px solid var(--c-border);border-radius:10px;background:#fff;color:var(--c-ink);padding:8px 11px;outline:none}.control:focus{border-color:var(--c-teal-500);box-shadow:0 0 0 3px rgba(56,191,195,.16)}textarea.control{min-height:110px;resize:vertical}.control--multi{min-height:160px}

.badge,.chip{display:inline-flex;align-items:center;border-radius:var(--r-pill);font-size:.78rem;font-weight:800}.badge{min-height:28px;padding:3px 10px;background:var(--c-blue-100);color:var(--c-blue-900)}.badge--teal{background:var(--c-teal-100);color:#176D71}.badge--yellow{background:var(--c-yellow-100);color:#675500}.chip{padding:4px 9px;background:#F1F4F5;color:#53636A}.chip--teal{background:var(--c-teal-100);color:#176D71}.chips{display:flex;gap:6px;flex-wrap:wrap}

.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.feature-card{min-height:230px;padding:var(--sp-5);border-radius:var(--r-xl);background:#fff;border:1px solid var(--c-border);display:flex;flex-direction:column;gap:10px;text-decoration:none;box-shadow:var(--shadow-sm);transition:.18s transform,.18s box-shadow}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.feature-card strong{font-size:1.35rem;color:var(--c-blue-950)}.feature-card p{margin:0;color:var(--c-muted)}.feature-card__icon{margin-bottom:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--c-blue-100);font-weight:900;color:var(--c-blue-900)}.feature-card--blue{background:var(--c-blue-900);color:#fff;border-color:var(--c-blue-900)}.feature-card--blue strong,.feature-card--blue p{color:#fff}.feature-card--teal .feature-card__icon{background:var(--c-teal-100)}.feature-card--yellow .feature-card__icon{background:var(--c-yellow-100)}

.toolbar{padding:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5)}.toolbar__search{flex:1}.toolbar__select{max-width:260px}
.browse-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:var(--sp-5);align-items:start}.filters{padding:var(--sp-4);position:sticky;top:92px}.filters__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.filters form{display:grid;gap:var(--sp-4)}.filters label{display:grid;gap:6px;font-size:.88rem;font-weight:750}.filters__open,.filters__close{display:none}.browse-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}

.sign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.sign-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.sign-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;box-shadow:var(--shadow-sm);transition:.16s transform,.16s box-shadow}.sign-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.sign-card__media{position:relative;background:#F7FAFB;aspect-ratio:4/3;display:grid;place-items:center;border-bottom:1px solid var(--c-border)}.sign-card__media img{width:100%;height:100%;object-fit:contain}.sign-card__placeholder{font-weight:900;font-size:1.65rem;color:var(--c-blue-700);opacity:.55}.sign-card__body{padding:var(--sp-3);display:flex;flex-direction:column;gap:7px}.sign-card__body strong{font-size:1.04rem;color:var(--c-blue-950)}.status-dot{position:absolute;right:10px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--c-warning);box-shadow:0 0 0 3px #fff}

.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-5);align-items:start}.detail-main,.detail-aside{display:grid;gap:var(--sp-5)}.detail-aside{position:sticky;top:92px}.media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.media-card{margin:0;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.media-card>img,.media-card>video{width:100%;aspect-ratio:4/3;object-fit:contain;background:#F8FAFA}.media-card figcaption{padding:var(--sp-3);display:grid;gap:3px;font-size:.86rem;color:var(--c-muted)}.external-media{min-height:220px;display:grid;place-items:center;background:var(--c-blue-100);color:var(--c-blue-900);font-weight:800;padding:20px;text-align:center}.prose{padding:var(--sp-5)}.prose h2{margin-top:0}.meta-panel{padding:var(--sp-4)}.meta-panel h2{margin-top:0;font-size:1.1rem}.meta-row{padding-block:10px;border-top:1px solid var(--c-border);display:flex;justify-content:space-between;gap:var(--sp-3)}.meta-row--stack{display:grid}.training-link{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--c-border);text-decoration:none}.training-link strong{font-size:.92rem;color:var(--c-blue-900)}.training-link span:not(.badge){font-size:.84rem;color:var(--c-muted)}

.list-cards{display:grid;gap:10px}.list-card{display:grid;gap:4px;padding:var(--sp-4);background:#fff;border:1px solid var(--c-border);border-radius:var(--r-md);text-decoration:none}.list-card:hover{border-color:var(--c-teal-500)}.list-card span{color:var(--c-muted);font-size:.9rem}
.empty-state{padding:var(--sp-6);border:1px dashed #B9C8CD;border-radius:var(--r-lg);background:rgba(255,255,255,.55);color:var(--c-muted);text-align:center}.empty-state strong{display:block;color:var(--c-blue-900);font-size:1.15rem}

.organisation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.organisation-card{padding:var(--sp-5)}.organisation-card__head{display:flex;justify-content:space-between;gap:10px;align-items:start}.organisation-card h2{margin:0}.count-badge{display:grid;place-items:center;min-width:40px;height:40px;border-radius:14px;background:var(--c-yellow-100);font-weight:900}.path-list{margin-top:var(--sp-4)}.path-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--c-border);text-decoration:none}.path-row div{display:grid}.path-row span{font-size:.84rem;color:var(--c-muted)}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:16px;top:12px;bottom:12px;width:2px;background:var(--c-border)}.timeline__item{position:relative;display:grid;grid-template-columns:34px 120px 1fr;gap:var(--sp-3);align-items:start;padding:13px 0;text-decoration:none}.timeline__dot{z-index:1;width:12px;height:12px;border-radius:50%;background:var(--c-teal-500);margin:7px 0 0 11px;box-shadow:0 0 0 5px var(--c-ivory-50)}.timeline__date{font-size:.82rem;color:var(--c-muted);padding-top:4px}.timeline__content{display:grid;padding:var(--sp-3);background:#fff;border:1px solid var(--c-border);border-radius:var(--r-md)}.timeline__content span{font-size:.85rem;color:var(--c-muted)}.person-row{padding:9px 0;border-top:1px solid var(--c-border)}

.tabs{display:flex;gap:2px;border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-5);overflow-x:auto}.tab{border:0;background:transparent;padding:12px 16px;font-weight:800;color:var(--c-muted);cursor:pointer;white-space:nowrap}.tab.is-active{color:var(--c-blue-900);box-shadow:inset 0 -3px var(--c-teal-500)}.tab-panel{display:none}.tab-panel.is-active{display:block}

.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.concept-card{display:flex;flex-direction:column;gap:8px;min-height:210px;padding:var(--sp-5);background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);text-decoration:none;box-shadow:var(--shadow-sm)}.concept-card:hover{border-color:var(--c-teal-500)}.concept-card strong{font-size:1.25rem;color:var(--c-blue-950)}.concept-card p{color:var(--c-muted);margin:0}.concept-card__meta{margin-top:auto;display:flex;gap:12px;font-size:.8rem;color:var(--c-muted)}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.source-card{display:flex;flex-direction:column;gap:8px;padding:var(--sp-5);text-decoration:none}.source-card strong{font-size:1.15rem;color:var(--c-blue-950)}.source-card__foot{margin-top:auto;display:flex;justify-content:space-between;color:var(--c-muted);font-size:.83rem}

.graph-shell{overflow:hidden}.graph-toolbar{display:flex;align-items:end;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--c-border)}.graph-toolbar label{display:grid;gap:4px;font-size:.78rem;font-weight:800}.graph-canvas{height:68vh;min-height:520px;background:linear-gradient(#fff,#fbfcfc)}
.flash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.flash-card{position:relative;min-height:300px;border:1px solid var(--c-border);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;text-align:inherit}.flash-card__front,.flash-card__back{position:absolute;inset:0;padding:var(--sp-4);display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;backface-visibility:hidden;transition:.35s transform}.flash-card__front img{width:100%;height:210px;object-fit:contain}.flash-card__back{transform:rotateY(180deg);background:var(--c-blue-900);color:#fff;text-align:center}.flash-card__back strong{font-size:1.6rem}.flash-card.is-flipped .flash-card__front{transform:rotateY(180deg)}.flash-card.is-flipped .flash-card__back{transform:rotateY(360deg)}.flash-placeholder{display:grid;place-items:center;width:100%;height:210px;background:var(--c-blue-100);font-size:2rem;font-weight:900;color:var(--c-blue-900)}

.form-panel{padding:var(--sp-5);max-width:950px}.form-stack,.form-panel{display:grid;gap:var(--sp-4)}.field{display:grid;gap:7px}.field__label-row{display:flex;justify-content:space-between;gap:10px}.field label,.form-panel label{font-weight:800;font-size:.9rem}.help{color:var(--c-muted);font-size:.8rem}.field__error{color:var(--c-danger);font-size:.86rem}.form-actions{display:flex;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--c-border)}.auth-wrap{display:grid;place-items:center;min-height:65vh}.auth-card{width:min(100%,480px);background:#fff;border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--shadow-card)}.auth-card h1{font-size:2.4rem}.auth-card form p{display:grid;gap:6px}.auth-card input{min-height:var(--control);border:1px solid var(--c-border);border-radius:10px;padding:8px 11px}

.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.result-block{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4)}.result-block h3{margin-top:0}.result-row{display:grid;gap:3px;padding:10px 0;border-top:1px solid var(--c-border);text-decoration:none}.result-row span{font-size:.86rem;color:var(--c-muted)}
.messages{padding-top:var(--sp-3)}.notice{background:var(--c-teal-100);border:1px solid #A4DDDF;border-radius:10px;padding:10px 12px}

.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}.swatch{min-height:130px;border-radius:var(--r-lg);padding:var(--sp-4);display:flex;align-items:end;font-weight:850}.swatch--blue{background:var(--c-blue-900);color:#fff}.swatch--teal{background:var(--c-teal-500)}.swatch--yellow{background:var(--c-yellow-400)}.swatch--ivory{background:var(--c-ivory-50);border:1px solid var(--c-border)}.demo-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

@media (max-width:1100px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .organisation-grid,.concept-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .detail-grid{grid-template-columns:minmax(0,1fr) 300px}
}
@media (max-width:900px){
  .site-header__inner{grid-template-columns:auto auto;min-height:64px}.mobile-nav-toggle{display:inline-flex;justify-self:end;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:8px;padding:8px 10px}.nav{display:none;grid-column:1/-1;flex-wrap:wrap;padding-bottom:10px}.nav.is-open{display:flex}.account{position:absolute;right:110px}.account__name{display:none}
  .hero--split{grid-template-columns:1fr}.daily-card{min-height:0;max-width:440px}
  .browse-layout{grid-template-columns:1fr}.filters{display:none;position:fixed;inset:0 0 0 auto;width:min(90vw,380px);z-index:100;top:0;border-radius:0;padding:24px;box-shadow:var(--shadow-pop);overflow:auto}.filters.is-open{display:block}.filters__open,.filters__close{display:inline-flex}.detail-grid{grid-template-columns:1fr}.detail-aside{position:static}.sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-strip{grid-template-columns:repeat(3,1fr)}.media-gallery{grid-template-columns:1fr}.flash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .shell{width:min(calc(100% - 24px),var(--content-max))}.main{padding-top:var(--sp-5)}.account{right:82px}.account .badge{display:none}
  .page-header--actions{align-items:start;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.toolbar__select{max-width:none}.feature-grid,.organisation-grid,.concept-grid,.source-grid,.search-results{grid-template-columns:1fr}.sign-grid{gap:10px}.sign-card__body{padding:10px}.stats-strip{grid-template-columns:repeat(2,1fr)}.flash-grid{grid-template-columns:1fr}.graph-toolbar{align-items:stretch;flex-direction:column}.graph-toolbar label{width:100%}.timeline__item{grid-template-columns:34px 1fr}.timeline__date{grid-column:2}.timeline__content{grid-column:2}.site-footer__inner{align-items:flex-start;flex-direction:column;padding-block:18px}
}

.smart-select{display:grid;gap:8px}.smart-select__tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.smart-select__search{min-height:36px}
.import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.import-card{padding:var(--sp-5);display:grid;gap:12px}.import-card>strong{font-size:1.2rem;color:var(--c-blue-950)}.import-card p{margin:0;color:var(--c-muted)}.import-card form p,.import-card>p{font-size:.9rem}
@media (max-width:720px){.import-grid{grid-template-columns:1fr}.smart-select__tools{grid-template-columns:1fr}.smart-select__tools .button{width:100%}}


.legend-row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-bottom:16px}
.legend-item{display:inline-flex;align-items:center;gap:7px;color:var(--c-muted);font-size:.86rem}
.sign-card__topline{display:flex;justify-content:space-between;gap:8px;align-items:center}
.completion-badge{font-size:.75rem;font-weight:800;color:var(--c-muted)}
.progress-dots{display:flex;align-items:center;gap:7px;margin-top:10px}
.progress-dots--large{gap:10px;margin:4px 0 10px}
.dot{width:10px;height:10px;border-radius:999px;background:#E4EAED;border:1px solid #D5DFE3;display:inline-block}
.progress-dots--large .dot{width:12px;height:12px}
.dot--desc{background:color-mix(in srgb, var(--c-blue-700) 66%, white);border-color:color-mix(in srgb, var(--c-blue-700) 80%, white)}
.dot--media{background:color-mix(in srgb, var(--c-teal-500) 70%, white);border-color:color-mix(in srgb, var(--c-teal-600) 80%, white)}
.dot--source{background:color-mix(in srgb, var(--c-yellow-400) 75%, white);border-color:color-mix(in srgb, #B99700 70%, white)}
.dot--context{background:color-mix(in srgb, var(--c-blue-900) 55%, white);border-color:color-mix(in srgb, var(--c-blue-950) 70%, white)}
.completeness-block strong{display:block;margin:6px 0 12px;color:var(--c-blue-950)}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.checklist li{padding-left:18px;position:relative;font-size:.92rem}
.checklist li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:999px;transform:translateY(-50%)}
.checklist li.is-ok:before{background:var(--c-teal-500)}
.checklist li.is-missing:before{background:#D8E1E5}
@media (max-width:640px){.legend-row{margin-bottom:12px}}

.media-card--compact .flash-preview{background:#F8FAFA;aspect-ratio:4/3}
.flash-preview{position:relative;display:block;width:100%;overflow:hidden;background:#fff}
.flash-preview img{display:block;width:100%;height:auto}
.flash-preview--card{width:100%;height:210px;display:grid;place-items:center;background:#F8FAFA;border-radius:12px;overflow:hidden}
.flash-preview--card > img:first-child{width:100%;height:100%;object-fit:contain}
.flash-preview__mask{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply;pointer-events:none}
.flash-preview--panel{max-width:680px;border:1px solid var(--c-border);border-radius:16px;background:#F8FAFA}
.meta-inline{display:block;color:var(--c-muted);font-size:.8rem;margin-top:4px}

.global-search-wrap{position:relative;max-width:900px}
.global-search-wrap .global-search{max-width:none}
.search-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:#fff;border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--shadow-pop);overflow:hidden;max-height:440px;overflow-y:auto}
.search-suggest__item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:11px 14px;text-decoration:none;border-top:1px solid var(--c-border);align-items:start}
.search-suggest__item:first-child{border-top:0}
.search-suggest__item:hover,.search-suggest__item:focus{background:var(--c-blue-100);outline:0}
.search-suggest__kind{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--c-teal-600);padding-top:2px}
.search-suggest__copy{display:grid;gap:2px;min-width:0}
.search-suggest__copy strong{color:var(--c-blue-950)}
.search-suggest__copy small{color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-suggest__empty{padding:16px;display:flex;gap:6px;color:var(--c-muted)}
.search-suggest__empty strong{color:var(--c-blue-950)}
.empty-state--search{padding:32px;text-align:center;background:#fff;border:1px dashed var(--c-border);border-radius:var(--r-lg)}
.notice--soft{background:var(--c-blue-100);border-color:#C7D9E5;color:var(--c-blue-950)}
@media (max-width:640px){.search-suggest__item{grid-template-columns:1fr;gap:3px}.search-suggest__kind{padding:0}.search-suggest{max-height:60vh}}

/* Navigation V3.2 */
.nav a.is-active{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 -3px var(--c-teal-500)}
.account .badge--yellow{background:var(--c-yellow-400);color:var(--c-blue-950)!important;border:1px solid rgba(24,59,91,.18);font-weight:900}
.account .badge--yellow:hover{background:#ffe36d;color:var(--c-blue-950)!important}
.button--small{min-height:32px;padding:0 10px;font-size:.82rem;width:max-content}
.nav-search{margin-left:8px;min-width:150px;max-width:210px;flex:1 1 170px}
.nav-search__form{display:flex;align-items:center}
.nav-search input{width:100%;height:34px;border:1px solid rgba(255,255,255,.20);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;padding:0 10px;outline:none}
.nav-search input::placeholder{color:rgba(255,255,255,.68)}
.nav-search input:focus{background:#fff;color:var(--c-blue-950);border-color:#fff}
.nav-search input:focus::placeholder{color:var(--c-muted)}
.nav-search .search-suggest{min-width:360px;left:auto;right:0;text-align:left;color:var(--c-ink)}
@media (max-width:900px){.nav-search{max-width:none;flex-basis:100%;margin:4px 0 0}.nav-search .search-suggest{left:0;right:0;min-width:0}}

/* V3.3 — médiathèque, configurations et zones de flou */
.blur-zone{position:absolute;display:block;backdrop-filter:blur(var(--blur,16px));-webkit-backdrop-filter:blur(var(--blur,16px));background:rgba(250,249,244,.04);border-radius:5px;pointer-events:none}
.configuration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
.configuration-card{display:grid;grid-template-columns:120px 1fr;gap:var(--sp-4);padding:var(--sp-4);text-decoration:none;align-items:center}
.configuration-card__media{aspect-ratio:1;display:grid;place-items:center;border-radius:14px;background:#F5F8F8;overflow:hidden;color:var(--c-muted);font-size:1.8rem}
.configuration-card__media img{width:100%;height:100%;object-fit:contain}
.configuration-card strong{display:block;color:var(--c-blue-950);font-size:1.08rem}.configuration-card p{margin:.4rem 0 0;color:var(--c-muted)}
.media-pool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}
.media-pool-card{display:grid;gap:10px;padding:12px;text-decoration:none}.media-pool-card__preview{height:160px;display:grid;place-items:center;background:#F5F8F8;border-radius:12px;overflow:hidden}.media-pool-card__preview img{width:100%;height:100%;object-fit:contain}.media-pool-card>div:last-child{display:grid;gap:3px}.asset-detail-image{max-height:68vh;margin:auto;object-fit:contain}.mask-zone-formset{display:grid;gap:12px}.mask-zone-row{border:1px solid var(--c-border);border-radius:12px;padding:12px;background:#FAFCFC}.mask-zone-row p{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:center;margin:8px 0}.mask-zone-row input{width:100%;min-height:38px;border:1px solid var(--c-border);border-radius:8px;padding:6px 8px}
@media(max-width:1000px){.configuration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.configuration-grid,.media-pool-grid{grid-template-columns:1fr}.configuration-card{grid-template-columns:90px 1fr}.mask-zone-row p{grid-template-columns:1fr}}
.mask-editor{display:grid;gap:8px;margin:12px 0 20px}.mask-editor__stage{position:relative;display:inline-block;max-width:760px;border:1px solid var(--c-border);border-radius:14px;overflow:hidden;background:#fff;cursor:crosshair;touch-action:none}.mask-editor__stage img{display:block;width:100%;height:auto}.mask-editor__overlay{position:absolute;inset:0}.mask-editor__zone{position:absolute;border:2px solid var(--c-teal-600);background:rgba(56,191,195,.16);border-radius:5px;pointer-events:none}.mask-editor__zone.is-drawing{border-style:dashed;background:rgba(244,212,77,.18)}


/* V3.5 — media editor UX */
.v35-media-editor main,.v35-mask-editor main{padding-top:28px}
.v35-media-editor .page-header,.v35-mask-editor .page-header{margin-bottom:20px}
.v35-editor-shell{display:grid;gap:18px;max-width:1120px;margin:0 auto}
.v35-media-hero{display:grid;grid-template-columns:minmax(280px,520px) minmax(0,1fr);gap:22px;align-items:start;padding:18px;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin:0 0 18px}
.v35-media-hero__preview{display:grid;place-items:center;min-height:260px;max-height:430px;background:#f6f8f8;border-radius:14px;overflow:hidden}
.v35-media-hero__preview img,.v35-media-hero__preview video{max-width:100%;max-height:430px;width:auto;height:auto;object-fit:contain}
.v35-media-hero__meta{display:grid;gap:10px;padding:4px 2px}.v35-media-hero__meta h2{margin:0;color:var(--c-blue-950)}
.v35-media-hero__meta p{margin:0;color:var(--c-muted)}
.v35-media-editor .form-panel,.v35-mask-editor .form-panel{max-width:1120px;margin:0 auto;padding:20px 22px}
.v35-media-editor .tabs{margin:-4px -2px 18px;padding:0 2px;position:sticky;top:70px;background:#fff;z-index:4}
.v35-media-editor .tab-panel{padding:2px 0 8px}
.v35-media-editor .field,.v35-mask-editor .field{margin-bottom:3px}
.v35-mask-context{display:grid;gap:10px;padding:14px 16px;border:1px solid #b8e8e9;background:#eefafa;border-radius:12px;margin:12px 0 16px}
.v35-mask-context strong{color:var(--c-blue-950)}
.v35-mask-context ol{margin:0;padding-left:20px;color:var(--c-muted)}
.v35-mask-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.media-card figcaption .v35-mask-link{margin-top:7px}
@media(max-width:780px){.v35-media-hero{grid-template-columns:1fr}.v35-media-hero__preview{min-height:180px}.v35-media-editor .tabs{position:static}}


/* V3.6 — dictionary pagination + explorer */
.v36-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0 8px;flex-wrap:wrap}
.v36-pagination__status{min-width:150px;text-align:center;color:var(--c-muted)}
.v36-graph-shell .graph-toolbar{gap:12px;flex-wrap:wrap}
.v36-graph-check{display:flex!important;align-items:center;gap:7px;min-height:40px;padding:0 4px;font-size:.82rem!important;font-weight:700!important;white-space:nowrap}
.v36-graph-check input{width:17px;height:17px;accent-color:var(--c-teal-500)}
.v36-graph-status{margin-left:auto;align-self:center;max-width:300px;text-align:right}
.v36-graph-shell .graph-canvas{height:70vh;min-height:560px}
@media(max-width:780px){.v36-graph-status{margin-left:0;text-align:left;max-width:none}.v36-graph-check{padding:4px 0}.v36-graph-shell .graph-canvas{min-height:480px}}


/* V3.7 — rendering, margins, explorer performance */
:root{
  --content-max:1460px;
  --page-gutter:28px;
  --section-gap:36px;
  --card-padding:16px;
  --panel-padding:18px;
}
.shell{width:min(calc(100% - (var(--page-gutter) * 2)),var(--content-max))}
.main{padding-block:36px 56px}
.page-header{padding-block:10px 34px}
.section{margin-top:var(--section-gap)}
.toolbar{margin-bottom:20px}
.browse-layout{gap:22px}

/* Dictionnaire : aperçu réellement centré, respiration constante. */
.sign-card__media{padding:12px;min-height:174px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.sign-card__media img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;margin:auto;object-fit:contain;object-position:center}
.sign-card__placeholder{margin:auto}
.sign-card__body{padding:14px 15px 15px}

/* Explorer */
.v36-graph-shell{position:relative}
.v36-graph-shell .graph-canvas{height:72vh;min-height:600px}
.v37-graph-tooltip{position:absolute;z-index:15;max-width:300px;padding:8px 10px;border-radius:9px;background:rgba(16,43,67,.96);color:#fff;font-size:.78rem;line-height:1.3;box-shadow:var(--shadow-pop);pointer-events:none;transform:translateY(-100%)}

/* Réviser : priorité absolue à l'image entière. */
.v37-flash-grid{align-items:stretch}
.v37-flash-card{min-height:390px}
.v37-flash-card .flash-card__front,.v37-flash-card .flash-card__back{padding:14px}
.v37-flash-preview{height:300px!important;min-height:300px;width:100%;display:flex!important;align-items:center;justify-content:center;overflow:hidden;background:#F8FAFA;border-radius:12px}
.v37-flash-preview>img:first-child{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important}
.v37-flash-card .flash-placeholder{height:300px}

@media(max-width:1100px){
  :root{--page-gutter:22px}
  .v37-flash-card{min-height:360px}.v37-flash-preview{height:270px!important;min-height:270px}
}
@media(max-width:640px){
  :root{--page-gutter:12px}
  .shell{width:calc(100% - 24px)}
  .main{padding-top:24px}
  .page-header{padding-bottom:24px}
  .v36-graph-shell .graph-canvas{min-height:500px}
}


/* V3.8 — consolidation UX */
:root{
  --content-max:1520px;
  --page-gutter:clamp(16px,2.2vw,34px);
  --section-gap:clamp(26px,3vw,42px);
  --card-padding:16px;
  --panel-padding:20px;
}
.shell{width:min(calc(100% - (var(--page-gutter) * 2)),var(--content-max));margin-inline:auto}
.main{padding-block:30px 52px}
.page-header{padding-block:8px 28px}
.panel{padding:var(--panel-padding)}

/* Dictionnaire compact : les pastilles remplacent x/4. */
.sign-card__topline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}
.sign-card__topline>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.progress-dots--inline{display:flex;gap:5px;flex:0 0 auto;margin-left:auto}
.progress-dots--inline .dot{width:9px;height:9px}
.sign-card__body>.progress-dots{display:none}

/* Images : ne jamais rogner les contenus pédagogiques. */
.sign-card__media,.media-pool-card__preview,.v38-sign-media-preview,.asset-detail-image,.v38-editor-image{background:#f7f9f9}
.sign-card__media img,.v38-media-pool-preview img,.v38-sign-media-preview img,.asset-detail-image,.v38-editor-image img{
  display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;
}
.v38-media-pool-preview{height:190px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}
.v38-sign-media-preview{height:min(460px,52vh);min-height:300px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;border-radius:14px 14px 0 0}
.v38-sign-media-card{overflow:hidden}

/* Même carte pour Réviser et l'aperçu éditeur. */
.v38-flash-grid{align-items:stretch}
.v38-flash-card{min-height:390px}
.v38-flash-card .flash-card__front,.v38-flash-card .flash-card__back{padding:14px}
.v38-flash-preview{height:300px!important;min-height:300px;width:100%;display:flex!important;align-items:center;justify-content:center;overflow:hidden;background:#f8fafa;border-radius:12px}
.v38-flash-preview>img:first-child{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important}
.v38-flash-card .flash-placeholder{height:300px}
.v38-flashcard-preview-wrap{max-width:430px}
.v38-flash-card--preview{width:100%;min-height:390px}

/* Éditeur de mot : aperçu persistant à gauche et onglets à droite. */
.v38-sign-editor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.v38-sign-editor__preview{width:390px;min-width:280px;max-width:min(48vw,650px);resize:horizontal;overflow:auto;position:sticky;top:92px}
.v38-sticky-preview{display:grid;gap:12px}
.v38-editor-image{height:min(58vh,560px);min-height:280px;border:1px solid var(--c-border);border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.v38-editor-image--empty{font-size:2rem;font-weight:800;color:#8da7b3}
.v38-preview-actions{display:flex;flex-wrap:wrap;gap:8px}
.v38-sign-editor__form{min-width:0}
.v38-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--c-border);margin:-4px -4px 20px;padding:0 4px}
.v38-tabs .tab{appearance:none;border:0;background:transparent;padding:11px 13px;border-bottom:3px solid transparent;font:inherit;font-weight:750;color:var(--c-muted);cursor:pointer}
.v38-tabs .tab.is-active{color:var(--c-blue-950);border-bottom-color:var(--c-teal-500)}
.v38-tab-panel{display:none}.v38-tab-panel.is-active{display:block}
.v38-tab-panel .field{margin-bottom:18px}
.v38-context-gap{margin-top:28px}
.v38-media-editor-list{display:grid;gap:9px}
.v38-media-editor-item{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:8px;border:1px solid var(--c-border);border-radius:12px;text-decoration:none;color:inherit}
.v38-media-editor-item img{width:76px;height:60px;object-fit:contain;background:#f7f9f9;border-radius:8px}
.v38-media-editor-item span{display:grid}.v38-media-editor-item small{color:var(--c-muted)}
.v38-inline-flash-preview{margin-top:28px;max-width:430px}
.v38-editor-actions{position:sticky;bottom:0;background:#fff;padding-top:14px;margin-top:20px;border-top:1px solid var(--c-border)}

/* Explorer : davantage de place, nœuds structurels plus lisibles. */
.v36-graph-shell .graph-canvas{height:76vh;min-height:650px}
.graph-toolbar{gap:10px 14px;align-items:end}

@media(max-width:900px){
  .v38-sign-editor{grid-template-columns:1fr}
  .v38-sign-editor__preview{position:static;width:100%;min-width:0;max-width:none;resize:none}
  .v38-editor-image{height:360px}
}
@media(max-width:640px){
  .v38-media-pool-preview{height:150px}
  .v38-sign-media-preview{height:360px;min-height:220px}
  .v38-flash-preview{height:260px!important;min-height:260px}
  .v38-flash-card{min-height:350px}
}