:root{--nbd-blue:#0e4f78;--nbd-deep:#082f49;--nbd-cream:#fffaf1;--nbd-ink:#153044;--nbd-muted:#64748b;--nbd-border:#dbe5ec;--nbd-green:#147d64;--nbd-gold:#b7791f}.nbd-public{margin:0;background:#f7fafc;color:var(--nbd-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.nbd-shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}.nbd-topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--nbd-border);backdrop-filter:blur(12px)}.nbd-topbar__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nbd-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--nbd-deep)}.nbd-brand img{width:132px;height:auto;display:block}.nbd-brand span{font-weight:800;letter-spacing:.08em;font-size:.78rem}.nbd-site-links,.nbd-game-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nbd-site-links a,.nbd-game-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:999px;text-decoration:none;font-weight:700;color:var(--nbd-deep)}.nbd-site-links a:hover,.nbd-game-tabs a:hover{background:#eef6fa}.nbd-game-tabs{padding:14px 0}.nbd-game-tabs a{border:1px solid var(--nbd-border);background:#fff}.nbd-game-tabs a.is-active{background:var(--nbd-blue);color:#fff;border-color:var(--nbd-blue)}.nbd-support{background:#fff3cd!important;color:#7a4b00!important}.nbd-hero{padding:68px 0 40px;background:linear-gradient(180deg,#eef7fb 0%,#f7fafc 100%)}.nbd-eyebrow{display:inline-block;margin-bottom:12px;color:var(--nbd-blue);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nbd-hero h1{max-width:780px;margin:0;font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.06;letter-spacing:-.04em}.nbd-hero p{max-width:760px;margin:18px 0 0;font-size:1.08rem;line-height:1.8;color:#40596b}.nbd-filter{margin-top:28px;display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(140px,.35fr)) auto;gap:10px;padding:14px;border:1px solid var(--nbd-border);border-radius:18px;background:#fff}.nbd-filter input,.nbd-filter select{width:100%;min-height:46px;border:1px solid #c7d5df;border-radius:12px;padding:9px 12px;background:#fff;font:inherit}.nbd-filter button{border:0;border-radius:12px;padding:0 22px;background:var(--nbd-blue);color:#fff;font-weight:800}.nbd-archive-main{padding:38px 0 80px}.nbd-archive-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.nbd-archive-head h2{margin:0;font-size:1.6rem}.nbd-archive-head p{margin:0;color:var(--nbd-muted)}.nbd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.nbd-card{overflow:hidden;border:1px solid var(--nbd-border);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(8,47,73,.07)}.nbd-card>a{display:flex;height:100%;flex-direction:column;text-decoration:none;color:inherit}.nbd-card__image{aspect-ratio:16/9;background:#dcecf4;overflow:hidden}.nbd-card__image img{width:100%;height:100%;object-fit:cover}.nbd-card__placeholder{height:100%;display:grid;place-items:center;font-size:3rem}.nbd-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.nbd-card__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.nbd-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9f4f9;color:var(--nbd-blue);font-size:.75rem;font-weight:800}.nbd-card h3{margin:0 0 10px;font-size:1.2rem;line-height:1.45}.nbd-card p{margin:0;color:#53697a;line-height:1.65}.nbd-card__footer{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:var(--nbd-blue);font-weight:800}.nbd-pagination{margin-top:34px}.nbd-pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;margin:3px;padding:0 10px;border:1px solid var(--nbd-border);border-radius:10px;text-decoration:none;background:#fff;color:var(--nbd-deep)}.nbd-pagination .current{background:var(--nbd-blue);color:#fff}.nbd-empty{padding:48px;border:1px dashed #b8cad6;border-radius:22px;text-align:center;background:#fff}.nbd-single-hero{padding:52px 0 34px;background:#eef7fb}.nbd-breadcrumbs{margin-bottom:16px;font-size:.9rem}.nbd-breadcrumbs a{color:var(--nbd-blue)}.nbd-single-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:36px;align-items:center}.nbd-single-hero h1{margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.12}.nbd-single-hero__copy>p{font-size:1.05rem;line-height:1.8;color:#40596b}.nbd-single-hero__image{overflow:hidden;border-radius:22px;box-shadow:0 18px 42px rgba(8,47,73,.12)}.nbd-single-hero__image img{width:100%;height:auto;display:block}.nbd-single-main{padding:38px 0 86px}.nbd-intro-content{max-width:860px;margin:0 auto 34px;padding:28px;border:1px solid var(--nbd-border);border-radius:20px;background:#fff;line-height:1.85}.nbd-intro-content>:first-child{margin-top:0}.nbd-intro-content>:last-child{margin-bottom:0}.nbd-progress-card{position:sticky;top:88px;z-index:20;display:flex;align-items:center;gap:16px;margin:0 auto 24px;padding:14px 18px;max-width:860px;border:1px solid var(--nbd-border);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(8,47,73,.06)}.nbd-progress-card strong{white-space:nowrap}.nbd-progress-track{flex:1;height:10px;border-radius:999px;background:#e7eef3;overflow:hidden}.nbd-progress-track span{display:block;height:100%;width:0;background:var(--nbd-green);transition:width .25s ease}.nbd-reset{border:0;background:transparent;color:var(--nbd-muted);text-decoration:underline;cursor:pointer}.nbd-exercises{max-width:860px;margin-inline:auto;display:grid;gap:22px}.nbd-exercise{padding:24px;border:1px solid var(--nbd-border);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(8,47,73,.055)}.nbd-exercise__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.nbd-exercise__head h2{margin:0;font-size:1.2rem}.nbd-exercise__head span{font-size:.8rem;font-weight:900;color:var(--nbd-blue);letter-spacing:.08em}.nbd-audio-box{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:16px;background:#eef7fb}.nbd-audio-box audio{width:100%;min-width:0}.nbd-replay{min-height:44px;padding:0 14px;border:1px solid #b9d4e3;border-radius:12px;background:#fff;color:var(--nbd-blue);font-weight:800;cursor:pointer}.nbd-audio-missing{padding:12px;border-radius:12px;background:#fff3cd;color:#704c00}.nbd-hint{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--nbd-gold);background:#fffaf0;color:#6b5634}.nbd-input-label{display:block;margin:18px 0 8px;font-weight:800}.nbd-input{width:100%;min-height:110px;resize:vertical;border:2px solid #c9d8e2;border-radius:14px;padding:14px;font:inherit;font-size:1.05rem;line-height:1.6}.nbd-input:focus{border-color:var(--nbd-blue);outline:3px solid rgba(14,79,120,.12)}.nbd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.nbd-button{min-height:46px;padding:10px 17px;border-radius:12px;border:1px solid #bfd0dc;background:#fff;color:var(--nbd-deep);font-weight:800;cursor:pointer}.nbd-button--primary{background:var(--nbd-blue);border-color:var(--nbd-blue);color:#fff}.nbd-feedback{margin:14px 0 0;padding:12px 14px;border-radius:12px;font-weight:700}.nbd-feedback[data-state=correct]{background:#e6f7f1;color:#0b624d}.nbd-feedback[data-state=almost]{background:#fff6db;color:#7c5d00}.nbd-feedback[data-state=retry]{background:#f4f7f9;color:#465f70}.nbd-answer{margin-top:16px;padding:18px;border-radius:16px;background:var(--nbd-cream);border:1px solid #eadfca}.nbd-answer__fr{margin:0;font-size:1.18rem;font-weight:800;color:var(--nbd-deep)}.nbd-answer__ja,.nbd-answer__explanation{margin:10px 0 0;line-height:1.7}.nbd-source-cta,.nbd-support-cta{max-width:860px;margin:28px auto 0;padding:22px;border-radius:20px}.nbd-source-cta{background:#eaf5fa}.nbd-support-cta{background:#fff3cd}.nbd-source-cta a,.nbd-support-cta a{display:inline-flex;margin-top:10px;padding:11px 16px;border-radius:12px;text-decoration:none;font-weight:800;background:var(--nbd-blue);color:#fff}.nbd-help-button{border:0;background:transparent;text-decoration:underline;color:var(--nbd-blue);cursor:pointer}.nbd-dialog{max-width:680px;width:calc(100% - 32px);border:0;border-radius:22px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.25)}.nbd-dialog::backdrop{background:rgba(8,31,46,.6)}.nbd-dialog__inner{padding:28px}.nbd-dialog h2{margin-top:0}.nbd-dialog li{margin:10px 0;line-height:1.6}.nbd-dialog__close{float:right;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.nbd-footer{padding:28px 0;border-top:1px solid var(--nbd-border);background:#fff}.nbd-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.nbd-footer nav{display:flex;gap:14px;flex-wrap:wrap}.nbd-footer a{color:var(--nbd-deep)}@media(max-width:900px){.nbd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nbd-filter{grid-template-columns:1fr 1fr}.nbd-filter input{grid-column:1/-1}.nbd-filter button{min-height:46px}.nbd-single-hero__grid{grid-template-columns:1fr}.nbd-single-hero__image{max-width:620px}}@media(max-width:640px){.nbd-shell{width:min(100% - 20px,1120px)}.nbd-topbar__inner{min-height:auto;padding:10px 0;align-items:flex-start;flex-direction:column}.nbd-brand img{width:112px}.nbd-site-links{width:100%;gap:4px}.nbd-site-links a{padding:8px 10px;font-size:.84rem}.nbd-game-tabs{overflow:auto;flex-wrap:nowrap;padding:10px 0}.nbd-game-tabs a{white-space:nowrap}.nbd-hero{padding:38px 0 28px}.nbd-filter{grid-template-columns:1fr}.nbd-filter input{grid-column:auto}.nbd-grid{grid-template-columns:1fr}.nbd-card__image{aspect-ratio:2/1}.nbd-single-hero{padding:30px 0 24px}.nbd-intro-content,.nbd-exercise{padding:18px}.nbd-progress-card{top:8px;align-items:flex-start;flex-wrap:wrap}.nbd-progress-track{order:3;flex-basis:100%}.nbd-audio-box{grid-template-columns:1fr}.nbd-replay{width:100%}.nbd-actions{display:grid;grid-template-columns:1fr}.nbd-button{width:100%}.nbd-footer__inner{align-items:flex-start;flex-direction:column}}

/* 5.8 — parcours guidé : écouter, écrire, afficher le texte */
.nbd-method{max-width:860px;margin:0 auto 24px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px}.nbd-method__step{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--nbd-border);border-radius:16px;background:#fff}.nbd-method__step>span,.nbd-stage-title>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--nbd-blue);color:#fff;font-weight:900}.nbd-method__step strong,.nbd-method__step small{display:block}.nbd-method__step small{margin-top:3px;color:var(--nbd-muted);font-size:.76rem}.nbd-method__arrow{display:grid;place-items:center;color:var(--nbd-blue);font-size:1.35rem;font-weight:900}.nbd-exercise.is-waiting-listen{border-color:#9fc4d9;background:linear-gradient(180deg,#fff 0%,#f8fcfe 100%)}.nbd-listen-status{margin:12px 0 0;padding:11px 13px;border-radius:12px;background:#eaf5fa;color:#164f70;font-weight:700;line-height:1.55}.nbd-writing-stage{margin-top:20px;padding-top:20px;border-top:1px dashed #bed0dc}.nbd-writing-stage[hidden]{display:none!important}.nbd-stage-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.nbd-stage-title strong,.nbd-stage-title small{display:block}.nbd-stage-title small{margin-top:2px;color:var(--nbd-muted);font-size:.78rem}.nbd-stage-title--answer{margin-bottom:14px}.nbd-stage-title--answer>span{background:var(--nbd-green)}.nbd-answer__fr{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #eadfca}.nbd-exercise.has-listened [data-nbd-step-label]{color:var(--nbd-green)}
@media(max-width:760px){.nbd-method{grid-template-columns:1fr}.nbd-method__arrow{transform:rotate(90deg);height:10px}.nbd-method__step{padding:13px}.nbd-listen-status{font-size:.92rem}.nbd-writing-stage{margin-top:16px;padding-top:16px}}

/* Statistiques pédagogiques agrégées — aucune donnée personnelle dans ce bloc. */
.nbd-anonymous-stats{
    margin:18px 0;
    padding:14px 16px;
    border:1px solid rgba(23,80,120,.18);
    border-radius:16px;
    background:rgba(238,246,252,.72);
    color:#173b59;
}
.nbd-anonymous-stats strong{display:block;margin-bottom:4px}
.nbd-anonymous-stats p{margin:0;font-size:.92rem;line-height:1.65;color:#4a6478}

.nbd-stats-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.nbd-stats-choice span{font-size:.84rem;color:#5c7182}.nbd-stats-choice button{border:0;background:transparent;color:#175078;text-decoration:underline;cursor:pointer;padding:4px 0}

/* 5.10 — fiche éditoriale structurée, crédit de voix et conversion cours */
.nbd-dictee-info{max-width:860px;margin:0 auto 24px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr);gap:18px}.nbd-dictee-info__main,.nbd-dictee-info__course{padding:20px;border:1px solid var(--nbd-border);border-radius:20px;background:#fff}.nbd-dictee-info h2{margin:0 0 14px;font-size:1.25rem}.nbd-dictee-info dl{margin:0;display:grid;gap:12px}.nbd-dictee-info dl>div{display:grid;grid-template-columns:92px 1fr;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(15,65,95,.1)}.nbd-dictee-info dl>div:last-child{padding-bottom:0;border-bottom:0}.nbd-dictee-info dt{font-weight:800;color:var(--nbd-blue)}.nbd-dictee-info dd{margin:0;line-height:1.65}.nbd-dictee-info dd small{display:block;margin-top:4px;color:var(--nbd-muted)}.nbd-dictee-info__course{background:#eef7fb}.nbd-dictee-info__course strong{display:block;font-size:1.05rem}.nbd-dictee-info__course p{line-height:1.65}.nbd-dictee-info__course a,.nbd-online-cta a{display:inline-flex;padding:11px 16px;border-radius:12px;text-decoration:none;font-weight:800;background:var(--nbd-blue);color:#fff}.nbd-exercise__head>div h2{margin-bottom:3px}.nbd-phrase-speaker{display:block;color:var(--nbd-muted)}.nbd-answer__grammar{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#eef7fb;line-height:1.65}.nbd-online-cta{max-width:860px;margin:28px auto 0;padding:22px;border-radius:20px;background:#eaf5fa;display:flex;align-items:center;justify-content:space-between;gap:20px}.nbd-online-cta strong{display:block;font-size:1.08rem}.nbd-online-cta p{margin:7px 0 0;line-height:1.65}.nbd-online-cta a{flex:0 0 auto}@media(max-width:760px){.nbd-dictee-info{grid-template-columns:1fr}.nbd-dictee-info dl>div{grid-template-columns:1fr;gap:4px}.nbd-online-cta{align-items:stretch;flex-direction:column}.nbd-online-cta a{justify-content:center}}