/* Structured editorial previews: upright pages, shared margins, no collage rotations. */
.neo-bento { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; scroll-margin-top:24px; }
.nb-card { min-width:0; overflow:hidden; border-radius:17px; color:var(--ink); }
.nb-card--guide { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; background:var(--ink); color:var(--paper); }
.nb-guide-copy { padding:42px 38px 42px 40px; display:flex; flex-direction:column; }
.nb-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.site-page--sales .nb-card-heading h3 { margin:0; font-size:32px; font-weight:600; line-height:1.12; letter-spacing:-.045em; }
.site-page--sales .nb-card--guide .nb-card-heading h3 { font-size:clamp(33px,3.2vw,44px); line-height:1.08; }
.nb-arrow { flex:none; font-size:35px; line-height:1; font-weight:400; margin-top:2px; }
.nb-guide-intro { margin:22px 0 31px; color:#c8c3ba; font-size:13px; line-height:1.7; }
.nb-checks { list-style:none; display:grid; gap:12px; padding:0; margin:0; font-size:13px; line-height:1.6; }
.nb-checks li { position:relative; padding-left:28px; }
.nb-checks li::before { content:'✓'; position:absolute; left:0; top:3px; width:16px; height:16px; display:grid; place-items:center; border-radius:3px; background:var(--ink); color:var(--paper); font-size:10px; font-weight:600; line-height:1; }
.nb-checks strong { font-weight:600; }
.nb-checks small { font-size:10px; color:#756b5e; }
.nb-checks--programme { gap:14px; font-size:14px; }
.nb-checks--programme li::before { background:var(--paper); color:var(--ink); }
.nb-card--bonus { background:var(--sand); display:flex; flex-direction:column; }
.nb-card--included { background:#eeebe5; display:flex; flex-direction:column; }
.nb-card-copy { padding:33px 34px 29px; flex:1; }
.nb-card-copy .nb-card-heading { margin-bottom:25px; }

/* Every document is a deliberately typeset, illustrative preview, not a real PDF extract. */
.nb-showcase { position:relative; overflow:hidden; isolation:isolate; container-type:inline-size; }
.nb-showcase--guide { min-height:618px; background:#645b4b; }
.nb-scene-backdrop { position:absolute; z-index:-2; inset:-7%; width:114%; height:114%; object-fit:cover; filter:blur(18px); opacity:.55; }
.nb-showcase--guide::after,.nb-showcase--bonus::after { content:''; position:absolute; z-index:-1; inset:0; background:#1c1b1925; }
.nb-doc { display:flex; flex-direction:column; position:absolute; margin:0; padding:22px; overflow:hidden; background:#fdfbf6; color:var(--ink); box-shadow:0 9px 24px #1c1b1926; }
.nb-folio,.nb-pagefoot { display:flex; justify-content:space-between; gap:8px; flex:none; font-size:6px; line-height:1.3; letter-spacing:.055em; }
.nb-folio { padding-bottom:13px; border-bottom:1px solid #1c1b192e; margin-bottom:22px; }
.nb-pagefoot { padding-top:12px; margin-top:auto; border-top:1px solid #1c1b192e; align-items:center; }
.nb-pagefoot img { width:35px; height:auto; }
.site-page--sales .nb-doc h4 { margin:0 0 20px; font-size:30px; font-weight:600; line-height:1.06; letter-spacing:-.05em; }
.nb-doc > img { display:block; width:100%; min-height:0; object-fit:cover; }
.nb-doc--cover { z-index:2; left:9%; top:9%; width:55%; height:82%; padding:24px; }
.site-page--sales .nb-doc--cover h4 { font-size:6cqw; margin-bottom:24px; }
.nb-doc--cover > img { flex:1; height:0; object-position:center 30%; margin-bottom:14px; }
.nb-doc--cover .nb-folio { font-size:1cqw; }
.nb-doc--cover .nb-pagefoot { font-size:.85cqw; }
.nb-doc--back { z-index:1; left:53%; top:22%; width:42%; height:73%; padding:21px; background:#ebe5da; }
.site-page--sales .nb-doc--back h4 { font-size:4.7cqw; }
.nb-doc--back > img { flex:1; height:0; margin:8px 0 12px; min-height:85px; }
.nb-prompt-lines { display:grid; gap:15px; margin:0 0 20px; }
.nb-prompt-lines > div { border-bottom:1px solid #1c1b1926; padding-bottom:11px; }
.nb-prompt-lines span { font-size:6px; letter-spacing:.06em; font-weight:600; }
.nb-prompt-lines p { font-size:9px; line-height:1.65; margin:5px 0 0; }

.nb-showcase--bonus { height:345px; flex:none; background:#817362; }
.nb-showcase--bonus .nb-scene-backdrop { filter:blur(14px); opacity:.45; }
.nb-showcase--bonus .nb-doc { height:340px; padding:20px; }
.nb-doc--lexicon { left:10%; top:28px; width:46%; z-index:2; }
.nb-doc--template { left:51%; top:57px; width:41%; z-index:1; background:#f1ecdf; }
.site-page--sales .nb-showcase--bonus h4 { font-size:4.7cqw; margin-bottom:18px; }
.nb-showcase--bonus .nb-folio { font-size:.9cqw; margin-bottom:18px; }
.nb-showcase--bonus .nb-pagefoot { font-size:.85cqw; }
.nb-doc--lexicon > img { height:121px; object-position:center; margin-bottom:16px; }
.nb-word-list { display:grid; grid-template-columns:58px 1fr; gap:8px; align-items:baseline; margin-bottom:15px; }
.nb-word-list span { font-size:5px; letter-spacing:.04em; font-weight:600; }
.nb-word-list p { font-size:7px; line-height:1.6; margin:0; }
.nb-doc--template .nb-prompt-lines { gap:16px; }
.nb-doc--template .nb-prompt-lines p { font-size:7px; }

.nb-showcase--library { height:345px; flex:none; background:#ddd5c8; }
.nb-doc-row { display:flex; justify-content:center; gap:12px; padding:28px 20px 0; height:100%; }
.nb-doc-row .nb-doc { position:relative; flex:1 1 0; height:340px; min-width:0; padding:14px; }
.site-page--sales .nb-doc-row h4 { font-size:4.2cqw; margin-bottom:17px; }
.nb-doc-row .nb-folio { font-size:.75cqw; margin-bottom:21px; padding-bottom:10px; }
.nb-doc-row .nb-pagefoot { font-size:.75cqw; }
.nb-doc--chapter > img { height:150px; }
.nb-doc-caption { font-size:7px; line-height:1.65; margin:12px 0; }
.nb-doc-row .nb-doc--statement { background:var(--ink); color:var(--paper); }
.nb-doc--statement .nb-folio,.nb-doc--statement .nb-pagefoot { border-color:#f7f4ef38; }
.site-page--sales .nb-doc--statement h4 { font-size:4.75cqw; }
.nb-doc--statement h4 em { display:block; margin-top:19px; color:#e99b70; font-style:normal; font-weight:400; font-size:.78em; line-height:1.12; }
.nb-series-rule { display:flex; gap:5px; align-items:center; margin:auto 0 18px; font-size:7px; }
.nb-series-rule i { height:1px; flex:1; background:#f7f4ef55; }
.nb-preview-note { grid-column:1/-1; margin:1px 0 0; font-size:9px; line-height:1.6; color:var(--muted); }

@media (max-width:1100px) and (min-width:741px) {
  .nb-guide-copy { padding:32px 28px; }
  .nb-checks--programme { font-size:12px; gap:13px; }
  .nb-showcase--guide { min-height:600px; }
  .nb-doc--cover { left:6%; width:60%; padding:18px; }
  .nb-doc--back { padding:15px; }
  .nb-card-copy { padding:28px 26px; }
  .site-page--sales .nb-card-heading h3 { font-size:27px; }
  .nb-arrow { font-size:30px; }
  .nb-checks { font-size:12px; }
  .nb-showcase--bonus .nb-doc { padding:15px; }
  .nb-word-list { grid-template-columns:1fr; gap:3px; }
  .nb-showcase--library,.nb-showcase--bonus { height:315px; }
  .nb-doc-row .nb-doc { height:315px; padding:12px; }
  .nb-doc--chapter > img { height:130px; }
}

@media (max-width:740px) {
  .neo-bento { grid-template-columns:1fr; gap:14px; }
  .nb-card { border-radius:12px; }
  .nb-card--guide { grid-template-columns:1fr; }
  .nb-guide-copy { padding:29px 25px 32px; }
  .site-page--sales .nb-card--guide .nb-card-heading h3 { font-size:30px; }
  .nb-arrow { font-size:30px; }
  .nb-guide-intro { font-size:12px; margin:18px 0 25px; }
  .nb-checks--programme { gap:12px; }
  .nb-checks { font-size:12px; line-height:1.65; }
  .nb-checks li { padding-left:26px; }
  .nb-checks li::before { top:3px; width:15px; height:15px; }
  .nb-showcase--guide { min-height:0; height:370px; }
  .nb-doc--cover { width:57%; left:9%; top:8%; height:85%; padding:15px; }
  .nb-doc--cover .nb-folio { font-size:1.2cqw; margin-bottom:16px; padding-bottom:9px; }
  .site-page--sales .nb-doc--cover h4 { font-size:6.4cqw; margin-bottom:17px; }
  .nb-doc--cover .nb-pagefoot { font-size:.85cqw; padding-top:8px; }
  .nb-doc--cover > img { margin-bottom:10px; }
  .nb-pagefoot img { width:25px; }
  .nb-doc--back { top:20%; height:73%; padding:13px; }
  .nb-doc--back .nb-folio { font-size:1cqw; margin-bottom:15px; padding-bottom:9px; }
  .site-page--sales .nb-doc--back h4 { font-size:4.7cqw; margin-bottom:15px; }
  .nb-doc--back .nb-prompt-lines { gap:10px; margin-bottom:10px; }
  .nb-doc--back .nb-prompt-lines > div { padding-bottom:7px; }
  .nb-doc--back .nb-prompt-lines span { font-size:4px; }
  .nb-doc--back .nb-prompt-lines p { font-size:6px; margin-top:4px; }
  .nb-doc--back > img { min-height:30px; margin:4px 0 9px; }
  .nb-doc--back .nb-pagefoot { font-size:3px; padding-top:8px; }
  .nb-card-copy { padding:27px 25px 28px; }
  .site-page--sales .nb-card-heading h3 { font-size:28px; }
  .nb-card-copy .nb-card-heading { margin-bottom:24px; }
  .nb-showcase--bonus,.nb-showcase--library { height:290px; }
  .nb-showcase--bonus .nb-doc { padding:14px; height:290px; }
  .nb-doc--lexicon { top:24px; left:8%; width:49%; }
  .nb-doc--template { top:47px; left:51%; width:42%; }
  .site-page--sales .nb-showcase--bonus h4 { font-size:5cqw; margin-bottom:14px; }
  .nb-showcase--bonus .nb-folio { font-size:1cqw; margin-bottom:16px; padding-bottom:9px; }
  .nb-doc--lexicon > img { height:105px; margin-bottom:12px; }
  .nb-word-list { grid-template-columns:1fr; gap:3px; margin-bottom:12px; }
  .nb-word-list span { font-size:4px; }
  .nb-word-list p { font-size:6px; }
  .nb-doc--template .nb-prompt-lines { gap:14px; }
  .nb-doc--template .nb-prompt-lines span { font-size:4px; }
  .nb-doc--template .nb-prompt-lines p { font-size:6px; }
  .nb-showcase--bonus .nb-pagefoot { font-size:.8cqw; }
  .nb-doc-row { padding:24px 20px 0; gap:12px; }
  .nb-doc-row .nb-doc { height:290px; padding:14px; }
  .nb-doc-row .nb-doc:first-child { display:none; }
  .nb-doc-row .nb-folio { font-size:.8cqw; margin-bottom:16px; }
  .site-page--sales .nb-doc-row h4 { font-size:5.6cqw; margin-bottom:15px; }
  .site-page--sales .nb-doc--statement h4 { font-size:6.1cqw; }
  .nb-doc-row .nb-pagefoot { font-size:.7cqw; }
  .nb-doc--chapter > img { height:125px; }
  .nb-doc-caption { font-size:5px; line-height:1.6; }
  .nb-preview-note { font-size:8px; }
}
@media (max-width:360px) {
  .nb-guide-copy,.nb-card-copy { padding-left:22px; padding-right:22px; }
  .site-page--sales .nb-card--guide .nb-card-heading h3 { font-size:29px; }
  .site-page--sales .nb-card-heading h3 { font-size:24px; }
  .nb-arrow { font-size:26px; }
  .nb-showcase--guide { height:330px; }
  .nb-doc--cover { padding:12px; }
  .nb-showcase--bonus .nb-doc { padding:11px; }
}