/* Vecnine meaning visuals · CP144
   Explanatory figures share one restrained grammar: flat surfaces, visible
   captions, whole-word wrapping, no percentage-like encoding unless the
   underlying data are actually quantitative. */

.vn144-figure,.vn144-lesson-visual{box-sizing:border-box;max-width:980px;margin:30px 0;padding:clamp(17px,2.4vw,25px);border:1px solid rgba(201,169,110,.2);border-radius:10px;background:rgba(255,255,255,.022);color:rgba(255,255,255,.72)}
.vn144-figure *,.vn144-lesson-visual *{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:break-word;word-break:normal}
.vn144-figure-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.vn144-figure-head span{display:block;margin-bottom:5px;color:rgba(201,169,110,.72);font:600 10px/1.4 var(--font-mono,'JetBrains Mono',monospace);letter-spacing:.11em;text-transform:uppercase}
.vn144-figure-head h2,.vn144-figure-head h3,.vn144-figure-head strong{margin:0;color:#f1e9dc;font:500 clamp(20px,2.8vw,28px)/1.2 var(--font-display,'Fraunces',Georgia,serif)}
.vn144-figure-head p{max-width:440px;margin:0;color:rgba(255,255,255,.5);font-size:13px;line-height:1.55}
.vn144-figure figcaption,.vn144-lesson-visual figcaption{margin-top:15px;color:rgba(255,255,255,.48);font-size:12.5px;line-height:1.62}

/* Homepage result: content-sized sequence cards and a visible absence field. */
#home-sequence .vn9-seq-cells{display:grid!important;grid-template-columns:repeat(var(--home-seq-cols,3),minmax(0,1fr));gap:8px!important}
#home-sequence .vn9-seq-cell{width:auto!important;height:auto!important;min-width:0!important;min-height:112px!important;padding:19px 8px 10px!important;overflow:visible!important}
#home-sequence .home-seq-name,#home-sequence .home-seq-axis{width:100%!important;max-width:none!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;white-space:normal!important}
#home-sequence .home-seq-name{font-size:10px!important;line-height:1.25!important}
#home-sequence .home-seq-axis{font-size:9px!important;line-height:1.32!important}
.home-first-read,.home-first-read *{min-width:0;max-width:100%;overflow-wrap:break-word;word-break:normal}
.home-base-parts{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important}
.home-base-part .vn92-foundation-terms{grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr))!important}
.home-base-part .vn92-term>strong{font-size:.78rem;hyphens:auto;overflow-wrap:break-word}
.home-absence{margin-top:22px!important;padding:18px!important;border:1px dashed rgba(201,169,110,.32)!important;border-left:3px solid rgba(201,169,110,.72)!important;border-radius:0 8px 8px 0;background:rgba(201,169,110,.035);color:rgba(255,255,255,.68)!important}
.home-absence-kicker{margin:0 0 6px!important;color:rgba(201,169,110,.74)!important;font:600 9px/1.4 var(--font-mono,'JetBrains Mono',monospace)!important;letter-spacing:.1em;text-transform:uppercase}
.home-absence h4{margin:0;color:#f1e5d1;font:500 clamp(18px,2.5vw,23px)/1.25 var(--font-display,'Fraunces',Georgia,serif)}
.home-absence h4 strong{color:#e5c687;font-weight:500}
.home-missing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:7px;margin-top:14px}
.home-missing-cards article{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px dashed rgba(255,255,255,.16);border-radius:6px;background:rgba(0,0,0,.16)}
.home-missing-cards article>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px dashed rgba(201,169,110,.62);border-radius:50%;color:#e1c285;font:500 15px/1 var(--font-display,'Fraunces',Georgia,serif)}
.home-missing-cards b,.home-missing-cards small{display:block}.home-missing-cards b{color:rgba(255,255,255,.83);font-size:12.5px;line-height:1.25}.home-missing-cards small{margin-top:2px;color:rgba(255,255,255,.43);font:500 9px/1.35 var(--font-mono,'JetBrains Mono',monospace)}
.home-missing-none{grid-column:1/-1;margin:0!important;color:rgba(255,255,255,.62)!important}
.home-absence-effect{margin:14px 0 0!important;color:rgba(255,255,255,.76)!important;font-size:13.5px!important;line-height:1.62!important}
.home-absence-capacity{margin:9px 0 0!important;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.53)!important;font-size:12.5px!important;line-height:1.6!important}
.home-result-boundary{margin-top:15px!important;padding:13px 14px;border-left:2px solid rgba(122,184,152,.52);background:rgba(122,184,152,.035);color:rgba(255,255,255,.62)!important;font-size:13px!important;line-height:1.62!important}

/* Generated-profile guards: preserve words and let the box grow with them. */
.cp-workbench :where(.cp-dom-card,.cp-term,.cp-signal,.cp-profile-chapter,.cp-profile-type-preview,.cp-profile-line-grid>*,.cp-profile-later-grid>*,.cp-profile-constraint-list>*,.cp-profile-range li,.cp-profile-relationship-grid>*,.cp-profile-pressure-grid>*,.cp-sequence-note),
.vn92-profile :where(.vn92-type-card,.vn92-term,.vn92-signal){min-width:0;max-width:100%}
.cp-workbench :where(h2,h3,h4,p,dt,dd,strong,small,span,li),.vn92-profile :where(h2,h3,h4,p,dt,dd,strong,small,span,li){overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important}
.cp-foundation-terms{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))!important}
.cp-term strong,.home-base-part .vn92-term>strong{overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important}

/* Calculate → Read → Observe and related non-quantitative process figures. */
.vn144-flow{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.vn144-flow.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.vn144-flow.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.vn144-flow.is-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.vn144-flow li{position:relative;min-height:118px;padding:17px 15px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.16)}
.vn144-flow li:not(:last-child):after{content:'›';position:absolute;z-index:2;right:-8px;top:50%;transform:translate(50%,-50%);color:rgba(201,169,110,.75);font-size:22px}
.vn144-flow li>span{display:block;color:rgba(201,169,110,.66);font:600 9px/1.4 var(--font-mono,'JetBrains Mono',monospace);letter-spacing:.09em;text-transform:uppercase}
.vn144-flow li>b,.vn144-flow li>small{display:block}.vn144-flow li>b{margin-top:11px;color:#f0e8dc;font-size:16px;line-height:1.25}.vn144-flow li>small{margin-top:6px;color:rgba(255,255,255,.5);font-size:12px;line-height:1.5}
.vn144-flow li:nth-child(1){border-top:2px solid #c9a96e}.vn144-flow li:nth-child(2){border-top:2px solid #e8692a}.vn144-flow li:nth-child(3){border-top:2px solid #7ab898}.vn144-flow li:nth-child(4){border-top:2px solid #5090b8}.vn144-flow li:nth-child(5){border-top:2px solid #a58bc7}

/* Same event, different lenses. */
.vn144-event{margin:0 0 12px;padding:13px 15px;border-left:3px solid var(--or,#e8692a);background:rgba(232,105,42,.055);color:#f0e6d7;font:500 16px/1.45 var(--font-display,'Fraunces',Georgia,serif)}
.vn144-lens-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vn144-lens-card{padding:18px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.14)}
.vn144-lens-card header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.vn144-lens-card header>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--lens-color);border-radius:50%;color:var(--lens-color);font:500 18px/1 var(--font-display,'Fraunces',Georgia,serif)}
.vn144-lens-card h3{margin:0;color:rgba(255,255,255,.88);font-size:16px}.vn144-lens-card header small{display:block;margin-top:2px;color:rgba(255,255,255,.4);font-size:10px}
.vn144-lens-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.075)}
.vn144-lens-step b{color:var(--lens-color);font:600 9px/1.5 var(--font-mono,'JetBrains Mono',monospace);letter-spacing:.07em;text-transform:uppercase}.vn144-lens-step span{color:rgba(255,255,255,.58);font-size:12px;line-height:1.52}

/* Course figures. */
.vn144-lesson-visual{margin:18px 0 28px}
.vn144-lesson-visual .vn144-figure-head{margin-bottom:15px}
.vn144-lesson-visual .vn144-figure-head strong{font-size:21px}
.vn144-course-map img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#0b081d}
.vn144-claims,.vn144-centers,.vn144-stress-grid,.vn144-evidence-lanes{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.vn144-claims{grid-template-columns:repeat(3,minmax(0,1fr))}.vn144-centers{grid-template-columns:repeat(3,minmax(0,1fr))}.vn144-stress-grid{grid-template-columns:1fr 1fr}.vn144-evidence-lanes{grid-template-columns:repeat(3,minmax(0,1fr))}
.vn144-claims li,.vn144-centers li,.vn144-stress-grid li,.vn144-evidence-lanes li{padding:14px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.14)}
.vn144-claims b,.vn144-centers b,.vn144-stress-grid b,.vn144-evidence-lanes b{display:block;color:rgba(255,255,255,.86);font-size:14px}.vn144-claims span,.vn144-centers span,.vn144-stress-grid span,.vn144-evidence-lanes span{display:block;margin-top:5px;color:rgba(255,255,255,.48);font-size:11.5px;line-height:1.48}
.vn144-claims li:nth-child(1){border-top:2px solid #7ab898}.vn144-claims li:nth-child(2){border-top:2px solid #c9a96e}.vn144-claims li:nth-child(3){border-top:2px solid #a58bc7}
.vn144-centers li:nth-child(1){border-top:2px solid #c47050}.vn144-centers li:nth-child(2){border-top:2px solid #a86090}.vn144-centers li:nth-child(3){border-top:2px solid #5090b8}
.vn144-number-spine{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.vn144-number-spine span{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(201,169,110,.3);border-radius:50%;color:#e1c58b;font:500 15px/1 var(--font-display,'Fraunces',Georgia,serif)}
.vn144-matrix-scroll{max-width:100%;overflow-x:auto}.vn144-instinct-matrix{display:grid;grid-template-columns:90px repeat(3,minmax(135px,1fr));min-width:570px;border:1px solid rgba(255,255,255,.09)}
.vn144-instinct-matrix>*{padding:10px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);font-size:11px;line-height:1.4}.vn144-instinct-matrix b{color:#e1c58b}.vn144-instinct-matrix span{color:rgba(255,255,255,.5)}
.vn144-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.vn144-timeline li{position:relative;padding:29px 10px 10px;border-top:1px solid rgba(201,169,110,.4)}.vn144-timeline li:before{content:'';position:absolute;top:-5px;left:10px;width:9px;height:9px;border:1px solid #c9a96e;border-radius:50%;background:#0a0720}.vn144-timeline b,.vn144-timeline span{display:block}.vn144-timeline b{color:#e8decf;font-size:12px}.vn144-timeline span{margin-top:4px;color:rgba(255,255,255,.44);font-size:10px;line-height:1.4}

/* Exact, table-backed research charts. */
.vn144-data-figure{max-width:none}
.vn144-chart-rows{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.vn144-chart-rows li{display:grid;grid-template-columns:72px minmax(100px,1fr) 72px;gap:10px;align-items:center}
.vn144-chart-rows li>b{color:rgba(255,255,255,.74);font:500 11px/1.3 var(--font-mono,'JetBrains Mono',monospace)}
.vn144-chart-track{height:13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);overflow:hidden}.vn144-chart-track>span{display:block;width:var(--bar);height:100%;border-radius:inherit;background:rgba(232,105,42,.86)}
.vn144-chart-value{color:#e3c686;font:500 11px/1.3 var(--font-mono,'JetBrains Mono',monospace);text-align:right}
.vn144-chart-rows.is-centers .vn144-chart-track>span{background:rgba(80,144,184,.86)}

@media(max-width:760px){
  .vn144-figure-head{display:block}.vn144-figure-head p{margin-top:9px}
  .vn144-flow.is-three,.vn144-flow.is-four,.vn144-flow.is-five,.vn144-lens-grid,.vn144-claims,.vn144-centers,.vn144-evidence-lanes{grid-template-columns:1fr}
  .vn144-flow li{min-height:0}.vn144-flow li:not(:last-child):after{content:'⌄';right:50%;top:auto;bottom:-12px;transform:translate(50%,50%)}
  .vn144-number-spine{grid-template-columns:repeat(5,minmax(0,1fr))}
  .vn144-timeline{grid-template-columns:1fr}.vn144-timeline li{padding:11px 10px 11px 28px;border-top:0;border-left:1px solid rgba(201,169,110,.4)}.vn144-timeline li:before{top:15px;left:-5px}
}
@media(max-width:520px){
  #home-sequence .vn9-seq-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-missing-cards{grid-template-columns:1fr}
  .vn144-stress-grid{grid-template-columns:1fr}
  .vn144-chart-rows li{grid-template-columns:55px minmax(80px,1fr) 60px;gap:7px}
}
@media(prefers-reduced-motion:reduce){.vn144-flow li,.vn144-chart-track>span{transition:none}}
@media print{
  .vn144-figure,.vn144-lesson-visual{break-inside:avoid;background:#fff;color:#222;border-color:#aaa}
  .vn144-figure-head h2,.vn144-figure-head h3,.vn144-figure-head strong,.vn144-flow li>b,.vn144-lens-card h3,.vn144-claims b,.vn144-centers b,.vn144-stress-grid b,.vn144-evidence-lanes b{color:#111}
  .vn144-figure figcaption,.vn144-lesson-visual figcaption,.vn144-flow li>small,.vn144-lens-step span,.vn144-claims span,.vn144-centers span,.vn144-stress-grid span,.vn144-evidence-lanes span{color:#333}
}