/* ================================================================
   Nolea — blog stylesheet v1 (4 November 2026)
   Every blog page links this one file instead of the separate blog
   stylesheets folded in below, so phones wait for fewer requests.
   Change blog styles in a new nolea-blog-vN.css: /assets/ is cached
   immutably. Shared site styles stay in nolea-v7.css.
================================================================ */

/* Size-matched fallback fonts: text drawn before the web fonts arrive
   takes the same space, so nothing jumps when they swap in. */
@font-face { font-family: "Cormorant Garamond Fallback"; src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Times");
  size-adjust: 96.95%; ascent-override: 94.9%; descent-override: 29.91%; line-gap-override: 0%; }
@font-face { font-family: "Josefin Sans Fallback"; src: local("Arial"), local("ArialMT"), local("Helvetica");
  size-adjust: 102.91%; ascent-override: 72.88%; descent-override: 24.29%; line-gap-override: 0%; }
:root {
  --font-serif: "Cormorant Garamond", "Cormorant Garamond Fallback", Georgia, serif;
  --font-sans: "Josefin Sans", "Josefin Sans Fallback", sans-serif;
}

/* Blog start page: the booking band label meets 4.5:1 on burgundy. */
.ip-cta-band .s-label { color: rgba(196,151,58,0.9); }

/* ---- from /assets/nolea-blog-hero-v1.css ---- */
/* ================================================================
   Nolea — blog article hero: a wide Ink & wash scene on ivory paper
   Desktop: the headline sits on the open paper left of the scene.
   Phones: the scene sits above the headline.
   Each article has its own scene (assets/blog-heroes/), set as --hero and,
   for phones, the smaller --hero-sm on the element.
================================================================ */

.blog-hero {
  background: var(--ivory);
  min-height: clamp(460px, 46vw, 660px);
  justify-content: flex-start;
}
/* Anchored right and never wider than twice the hero's height, so wide screens crop
   at most a quarter of the scene's height; any space left of it is the same ivory. */
.blog-hero__art {
  position: absolute; inset: 0;
  background-size: min(100%, calc(2 * clamp(460px, 46vw, 660px))) auto;
  background-image: var(--hero);
  background-position: right 45%; background-repeat: no-repeat;
}
/* Paper fades over the scene's left edge so the headline always sits on ivory. */
.blog-hero__art::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(245,239,227,0.97) 0%, rgba(245,239,227,0.9) 28%, rgba(245,239,227,0) 52%);
}
/* The headline ends at about 42% of the width, where the scene begins. */
.blog-hero .ip-hero__inner {
  text-align: left; width: 100%; max-width: none; margin: 0;
  padding: 128px 48px 84px clamp(24px, 6vw, 120px);
}
.blog-hero .ip-hero__label { color: #8A6623; letter-spacing: 0.34em; max-width: 36vw; line-height: 1.8; }
.blog-hero .ip-hero__h1 { color: var(--burgundy); max-width: min(10.5em, 36vw); margin-bottom: 0; }

/* Tablets: a slightly smaller scene starts further right, clear of the headline. */
@media (min-width: 769px) and (max-width: 1100px) {
  .blog-hero__art { background-size: min(100%, calc(1.6 * clamp(460px, 46vw, 660px))) auto; }
}

@media (max-width: 768px) {
  .blog-hero { display: block; min-height: 0; }
  .blog-hero .ip-hero__inner { padding: 32px 24px 8px; }
  .blog-hero .ip-hero__label, .blog-hero .ip-hero__h1 { max-width: none; }
  .blog-hero__art {
    position: relative; height: 62vw;
    background-image: var(--hero-sm);
    background-size: 172% auto; background-position: 100% 50%;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 22%);
            mask-image: linear-gradient(to bottom, transparent 0%, #000 22%);
  }
  .blog-hero__art::after { display: none; }
}

/* ---- from /blogg/assets/learning.css ---- */
.learning-nav,.learning-sheet,.learning-calculator,.learning-path{border:1px solid #d9c6ad;padding:clamp(18px,4vw,32px);margin:2rem 0;color:#3c2530;background:#fcf9f3}
.ip-blog-post__body .learning-meta{font-size:16px}
.ip-blog-post__body .learning-nav p,.ip-blog-post__body .learning-sheet h2,.ip-blog-post__body .learning-calculator h2,.learning-path h2{margin-top:0}
.learning-nav ul{padding-left:1.2rem}.learning-nav li{margin:.45rem 0}
.learning-path{margin-bottom:3rem}.learning-path h2{font-size:clamp(28px,4vw,40px)}.learning-path p,.learning-path li{font-size:18px;line-height:1.65}.learning-path li{padding:.5rem 0}.learning-path span{display:block;font-size:16px}.learning-path a{color:inherit;text-underline-offset:4px}
.learning-table{overflow-x:auto;margin:1.5rem 0;max-width:100%}.learning-table table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.55;min-width:420px}.learning-table th,.learning-table td{padding:12px;border:1px solid #d9c6ad;text-align:left;vertical-align:top}.learning-table caption{font-size:15px;text-align:left;margin-bottom:10px}.learning-table th{background:#f1e9dc}
.learning-sheet .learning-table td{height:65px}.learning-checks{list-style:none;padding-left:0!important}.learning-checks li{padding:.4rem 0}
.learning-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learning-fields label{font-size:16px;line-height:1.4;display:flex;flex-direction:column;gap:8px}.learning-fields input{font:inherit;width:100%;box-sizing:border-box;padding:12px;border:1px solid #92756b;border-radius:2px;color:#3c2530;background:white;min-width:0}
.learning-calculator button,.learning-print{font:inherit;background:#69243c;color:#fff;border:0;padding:12px 20px;margin:20px 0;cursor:pointer;border-radius:2px;max-width:100%}.learning-calculator output{display:block;font-size:18px;line-height:1.65;margin-top:18px}.learning-calculator [hidden],.learning-sheet [hidden]{display:none}
.ip-blog-post__body [id]{scroll-margin-top:110px}.learning-nav a:focus-visible,.learning-path a:focus-visible,.learning-calculator :focus-visible,.learning-print:focus-visible{outline:2px solid #69243c;outline-offset:4px}
@media(max-width:600px){.learning-fields{grid-template-columns:1fr}.learning-sheet{padding:16px}.learning-sheet p{overflow-wrap:anywhere}}
@media print{body{background:white!important;color:#000!important}.nav,header,footer,.ip-hero,.gold-divider{display:none!important}main,.ip-section,.wrap,.ip-blog-post__wrap,.ip-blog-post__body{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:white!important}.ip-blog-post__body:has(>.learning-sheet)>*{display:none!important}.ip-blog-post__body>.learning-sheet{display:block!important;border:0;margin:0;padding:0}.learning-sheet h2{font-size:22pt!important}.learning-sheet h3{font-size:15pt!important}.learning-sheet p,.learning-sheet li{font-size:10pt!important;line-height:1.45!important}.learning-sheet button,.learning-sheet noscript{display:none!important}.learning-table{overflow:visible}.learning-table table{min-width:0;font-size:10pt}.learning-table tr{break-inside:avoid}.learning-sheet .learning-table td{height:55px}.learning-sheet a{color:black!important}.learning-checks li{padding:2px 0}@page{size:A4;margin:15mm}}

.learning-table-hint{display:none}.learning-table:focus-visible{outline:2px solid #69243c;outline-offset:3px}
@media screen and (max-width:600px){.ip-blog-post__body .learning-table-hint{display:block;font-size:14px;margin-bottom:0}}
@media print{.learning-sheet{background:white!important}.learning-sheet .learning-table-hint{display:none!important}}

/* ---- from /blogg/assets/reference.css ---- */
.reference-decision,.reference-print{border:1px solid #d9c6ad;padding:clamp(16px,4vw,28px);margin:2rem 0;background:#fcf9f3}.reference-decision li{padding:.5rem 0}.quiz-question{border-top:1px solid #d9c6ad;padding:1.4rem 0}.ip-blog-post__body .quiz-question h3{font-size:clamp(22px,3vw,28px);margin:.3rem 0 1rem}.quiz-answer summary{cursor:pointer;padding:.6rem 0;font-size:17px}.quiz-answer p{font-size:18px}.quiz-actions{display:flex;gap:12px;flex-wrap:wrap;margin:1.5rem 0}.quiz-actions button,.reference-print-button{font:inherit;background:#69243c;color:white;border:0;padding:12px 20px;cursor:pointer;max-width:100%}.quiz-print-heading,.quiz-answer-line{display:none}.quiz-actions [hidden],.reference-print [hidden]{display:none}.quiz-answer summary:focus-visible,.quiz-actions button:focus-visible,.reference-print-button:focus-visible{outline:2px solid #69243c;outline-offset:4px}.reference-print h2{margin-top:0}
@media print{
body[data-reference="quiz"] .ip-blog-post__body>*{display:none!important}
body[data-reference="quiz"] .ip-blog-post__body>.quiz-content{display:block!important}
.quiz-content{color:black;background:white}.quiz-print-heading,.quiz-answer-line{display:block;font-size:10pt!important;line-height:1.5!important}.quiz-question{break-inside:avoid;padding:8px 0}.ip-blog-post__body .quiz-question h3{font-size:12pt!important;line-height:1.5!important;margin:0 0 8px}.quiz-content h2{font-size:17pt!important;break-before:page}.quiz-content h2:first-of-type{break-before:auto}.quiz-answer{display:none!important}
body[data-print-mode="answers"] .quiz-answer{display:block!important}body[data-print-mode="answers"] .quiz-answer summary,body[data-print-mode="answers"] .quiz-answer-line{display:none!important}body[data-print-mode="answers"] .quiz-answer p{font-size:10pt!important;line-height:1.5!important}.quiz-answer a{display:none!important}
.ip-blog-post__body:has(>.reference-print)>*{display:none!important}.ip-blog-post__body>.reference-print{display:block!important;border:0;padding:0;margin:0;background:white}.reference-print h2{font-size:22pt!important}.reference-print p{font-size:11pt!important}.reference-print button,.reference-print .learning-table-hint{display:none!important}.reference-print .learning-table{overflow:visible}.reference-print table{min-width:0;font-size:12pt}.reference-print tr{break-inside:avoid}
}

@media print{.quiz-question{padding:5px 0}.quiz-content p{margin:5px 0!important}.quiz-content h2{margin:18px 0 12px!important}.ip-blog-post__body .quiz-question h3{margin:0 0 5px!important}.quiz-more{display:none!important}}

/* ---- from /assets/blog-visuals/visuals.css ---- */
/* Nolea Ink & wash pilot. Scoped to opt-in figures only. */
.nv-figure { --nv-paper:#fbf8f1; margin:52px 0; scroll-margin-top:90px; padding:32px; border-block:1px solid #d8c8b8; background:var(--nv-paper); color:#4e3829; }
.ip-blog-post__body .nv-figure h2 {margin:0 0 12px; color:#4d0026; font-size:clamp(28px,3vw,38px); line-height:1.12; letter-spacing:0; text-wrap:balance;}
.ip-blog-post__body .nv-figure h3 {font-size:28px; font-weight:500; line-height:1.15; color:#4d0026; margin:0 0 12px;}
.ip-blog-post__body .nv-figure p {margin:0 0 16px;}
.nv-figure img {display:block; width:100%; height:auto;}
.nv-figure .nv-intro {max-width:55ch; font-size:19px;line-height:1.5;}
.nv-figure .nv-caption {margin:20px 0 0; padding-top:18px; border-top:1px solid #d8c8b8;font-size:16px;line-height:1.5;}
.nv-tabs {display:flex; gap:0; border-bottom:1px solid #d8c8b8; margin:26px 0 8px;}
.nv-tabs[hidden], .nv-panel[hidden] {display:none;}
.nv-tabs button {flex:1;min-width:0; border:0; border-bottom:2px solid transparent; background:transparent; color:#674c3c;padding:14px 5px;font:400 15px/1.25 var(--font-sans);cursor:pointer;}
.nv-tabs button[aria-selected="true"] {border-bottom-color:#850035;color:#4d0026;background:#f0e6d9;}
.nv-tabs button:hover {background:#f0e6d9;}
.nv-figure :focus-visible {outline:2px solid #850035;outline-offset:4px;}
.nv-panel {display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;}
.nv-panel + .nv-panel {border-top:1px solid #d8c8b8;}
.nv-ready .nv-panel + .nv-panel {border-top:0;}
.nv-art {position:relative;}
.nv-art img {max-height:340px;object-fit:contain;}
.nv-figure .nv-art-note {text-align:center;font:400 14px/1.4 var(--font-sans);margin:0 0 20px;}
.nv-figure .nv-prompt {font-style:italic;font-size:23px;color:#850035;line-height:1.3;}
.nv-compare {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;}
.nv-wine {padding:0 20px 12px;text-align:center;}
.nv-wine + .nv-wine {border-left:1px solid #d8c8b8;}
.nv-wine img {height:205px;object-fit:contain;}
.nv-figure .nv-wine h3 {font-size:28px;margin:10px 0 6px;}
.nv-figure .nv-place {font-style:italic;font-size:18px;}
.nv-wine dl {text-align:left;font-size:17px;line-height:1.4;}
.nv-wine dt {font:400 13px/1.3 var(--font-sans);margin:20px 0 6px;color:#4d0026;}
.nv-wine dd {margin:0;}
.nv-methods {display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:20px;}
.nv-methods img {height:235px;object-fit:contain;}
.nv-methods .nv-method-name {font:400 14px/1.4 var(--font-sans);color:#4d0026;}
.nv-protocol {display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center;margin-top:28px;}
.nv-sheet {border:1px solid #d8c8b8;box-shadow:0 10px 26px #4d002611;}
.nv-figure .nv-sheet-link {display:block;}
.nv-annotations {counter-reset:annotation;list-style:none;margin:0!important;}
.nv-annotations li {counter-increment:annotation;position:relative;padding-left:38px;margin:0 0 28px!important;font-size:18px;line-height:1.5;}
.nv-annotations li::before {content:counter(annotation);position:absolute;left:0;top:0;font:italic 30px/1 var(--font-serif);color:#850035;}
.nv-annotations strong {display:block;font-weight:500;color:#4d0026;font-size:23px;margin-bottom:6px;}
.nv-example {border-collapse:collapse;width:100%;margin-top:24px;table-layout:fixed;font-size:18px;}
.nv-example th,.nv-example td {border:1px solid #d8c8b8;padding:14px;text-align:left;vertical-align:top;}
.nv-example th {background:#f0e6d9;font-weight:500;color:#4d0026;}
.nv-example td:last-child {font-style:italic;color:#850035;}
@media(min-width:1040px){.nv-wide{width:920px;margin-left:calc((100% - 920px)/2);}}
@media(max-width:650px){.nv-figure{padding:24px 18px;margin:36px 0;}.nv-panel{grid-template-columns:1fr;gap:4px;}.nv-art img{height:235px;}.nv-tabs button{font-size:13px;padding:14px 3px;}.nv-figure .nv-art-note{margin-bottom:24px;}.nv-panel{padding-bottom:10px;}.nv-compare{grid-template-columns:1fr;gap:22px;}.nv-wine{display:grid;grid-template-columns:86px 1fr;text-align:left;padding:0 0 22px;column-gap:16px;}.nv-wine + .nv-wine{border-left:0;border-top:1px solid #d8c8b8;padding-top:24px;}.nv-wine img{grid-row:1/4;height:150px;width:86px;object-fit:cover;}.nv-wine dl{grid-column:2;}.nv-wine dt{margin-top:12px;}.nv-methods{grid-template-columns:1fr;gap:24px;}.nv-methods>div+div{border-top:1px solid #d8c8b8;padding-top:20px;}.nv-methods img{height:150px;}.nv-protocol{grid-template-columns:1fr;gap:28px;}.nv-sheet-link{max-width:320px;margin:auto;}.nv-example{font-size:16px;}.nv-example th,.nv-example td{padding:10px;}}
@media(prefers-reduced-motion:reduce){.nv-figure *{scroll-behavior:auto!important;}}
@media print{.nv-tabs{display:none!important;}.nv-panel[hidden]{display:grid!important;}.nv-figure{break-inside:avoid;background:white;width:auto;margin:24px 0;padding:16px;}.nv-art img{height:180px;}.nv-protocol{grid-template-columns:1fr 1fr;}.nv-figure a{color:inherit;}}

/* Original document preview remains a facsimile; all illustrations share Ink & wash. */
.nv-protocol-art{max-width:240px;height:155px!important;object-fit:contain;margin:0 auto 14px;}
@media(max-width:650px){.nv-protocol-art{height:145px!important;}.nv-tabs button:last-child{flex:1.5;min-width:88px;}}

/* ---- from /assets/blog-visuals/supporting.css ---- */
/* Supporting figures inherit Nolea's approved illustration and reading styles. */
.nv-senses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;list-style:none;padding:0!important;margin:0!important;}
.nv-senses li{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:20px;margin:0!important;padding:20px 0;border-bottom:1px solid #d8c8b8;}
.nv-senses img{height:140px;object-fit:contain;}
.ip-blog-post__body .nv-senses h3{font-size:27px;margin-bottom:10px;}
.ip-blog-post__body .nv-senses p{font-size:18px;line-height:1.5;margin:0;}
.nv-sugar-layout{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:28px;}
.nv-sugar-art img{height:160px;object-fit:contain;}
.nv-sugar-ranges{margin:0;}
.nv-sugar-row{margin:0 0 24px;}
.nv-sugar-row dt{font-size:26px;color:#4d0026;line-height:1.2;margin-bottom:4px;}
.nv-sugar-row dd{margin:0;font-size:17px;line-height:1.4;}
.nv-range-track{display:block;position:relative;height:14px;background:#eee4d5;margin-top:9px;}
.nv-range-fill{position:absolute;top:0;height:14px;left:var(--range-start);width:var(--range-width);background:#850035;box-sizing:border-box;}
.nv-range-brut{border-right:3px dotted #fbf8f1;}
.nv-range-axis{position:relative;height:24px;font:400 13px/1.4 var(--font-sans);color:#674c3c;margin-top:-12px;}
.nv-range-axis span{position:absolute;transform:translateX(-50%);}
.nv-range-axis span:first-child{left:0;transform:none;}
.nv-range-axis span:last-child{right:0;transform:none;}
.nv-aromas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px;}
.nv-aromas img{height:150px;object-fit:contain;margin-bottom:18px;}
.ip-blog-post__body .nv-aromas h3{font-size:25px;}
.ip-blog-post__body .nv-aromas p{font-size:18px;line-height:1.5;}
@media(max-width:760px){.nv-senses{grid-template-columns:1fr;gap:0;}.nv-senses li{grid-template-columns:100px minmax(0,1fr);}.nv-senses img{height:125px;}}
@media(max-width:650px){.nv-senses li{grid-template-columns:74px minmax(0,1fr);gap:14px;padding:20px 0;}.nv-senses img{height:100px;}.nv-sugar-layout{grid-template-columns:1fr;gap:8px;}.nv-sugar-art img{height:85px;max-width:110px;margin:auto;}.nv-sugar-row{margin-bottom:24px;}.nv-aromas{grid-template-columns:1fr;gap:22px;}.nv-aromas>div{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:16px;}.nv-aromas>div+div{border-top:1px solid #d8c8b8;padding-top:22px;}.nv-aromas img{grid-row:1/3;height:112px;margin:0;}.ip-blog-post__body .nv-aromas h3{margin-bottom:8px;}.ip-blog-post__body .nv-aromas p{margin:0;}}
@media print{.nv-senses{grid-template-columns:1fr 1fr;gap:16px;}.nv-senses li{break-inside:avoid;}.nv-range-track,.nv-range-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact;}.nv-aromas{grid-template-columns:repeat(3,1fr);}}

/* ---- from /assets/blog-visuals/rollout.css ---- */
/* Article-specific Ink & wash figures. Opt-in; pilot figures are unchanged. */
.nr-figure{margin:48px 0;padding:30px 28px;background:#fbf8f1;border-block:1px solid #d8c8b8;color:#4e3829;scroll-margin-top:90px;}
.ip-blog-post__body .nr-figure h2{margin:0 0 26px;color:#4d0026;font-size:clamp(28px,3vw,36px);font-weight:400;line-height:1.15;letter-spacing:0;text-wrap:balance;}
.nr-layout{display:grid;gap:28px;align-items:center;}
.nr-spot .nr-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);}
.nr-figure img{display:block;width:100%;height:230px;object-fit:contain;}
.nr-figure .nr-notes{margin:0;min-width:0;}
.nr-notes>div+div{margin-top:18px;}
.nr-figure dt,.ip-blog-post__body .nr-figure h3{margin:0 0 5px;color:#4d0026;font:500 24px/1.15 var(--font-serif);letter-spacing:0;}
.nr-figure dd,.ip-blog-post__body .nr-figure p{margin:0;font-size:18px;line-height:1.45;}
.nr-figure figcaption{margin-top:24px;padding-top:18px;border-top:1px solid #d8c8b8;font-size:16px;line-height:1.45;}
.nr-pair .nr-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;}
.nr-pair img{height:185px;margin-bottom:18px;}
.nr-flow .nr-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;}
.nr-flow .nr-layout:has(>.nr-item:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr));}
.nr-flow img{height:135px;margin-bottom:16px;}
.nr-flow .nr-item:only-child{grid-column:1/-1;}
.nr-flow .nr-layout:has(>.nr-item:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
.nr-flow .nr-layout:has(>.nr-item:nth-child(4)) h3{font-size:22px;}
.nr-figure::selection,.nr-figure ::selection{background:#e8d5b7;color:#4d0026;}
@media(min-width:1040px){.nr-flow,.nr-pair{width:920px;margin-left:calc((100% - 920px)/2);padding:32px;}}
@media(max-width:650px){
 .nr-figure{padding:24px 18px;margin:36px 0;}
 .ip-blog-post__body .nr-figure h2{margin-bottom:20px;}
 .nr-spot .nr-layout{grid-template-columns:1fr;gap:18px;}
 .nr-spot img{height:175px;}
 .nr-pair .nr-layout,.nr-flow .nr-layout,.nr-flow .nr-layout:has(>.nr-item:nth-child(4)),.nr-flow .nr-layout:has(>.nr-item:nth-child(2):last-child){grid-template-columns:1fr;gap:22px;}
 .nr-pair .nr-item,.nr-flow .nr-item{display:grid;grid-template-columns:82px minmax(0,1fr);column-gap:15px;align-content:center;}
 .nr-item img{grid-column:1;grid-row:1/3;width:82px;height:112px;margin:0;object-fit:contain;align-self:center;}
 .nr-item h3,.nr-item p{grid-column:2;}
 .nr-flow .nr-item:not(:has(img)){display:block;}
 .nr-item+.nr-item{border-top:1px solid #d8c8b8;padding-top:20px;}
 .nr-figure dt,.ip-blog-post__body .nr-figure h3{font-size:24px;}
 .nr-figure dd,.ip-blog-post__body .nr-figure p{font-size:18px;}
}
@media print{.nr-figure{break-inside:avoid;width:auto;margin:24px 0;padding:16px;background:white;}.nr-figure img{height:120px;}.nr-figure h2{font-size:24px;}}

/* ---- from /assets/blog-reading-v1.css ---- */
/* Nolea blog reading and discovery. Scoped additions; main-site styling stays intact. */
.nb-reading-time,.nb-results {font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--burgundy)}
.ip-blog-post__body .nb-reading-time {margin:-12px 0 28px}
.nb-guide {border-block:1px solid var(--hairline);margin:28px 0 40px}
.nb-guide summary,.nb-learning-path summary {padding:16px 0;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--burgundy);cursor:pointer}
.nb-guide summary::marker,.nb-learning-path summary::marker {color:var(--burgundy)}
.nb-guide nav ul {list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0 0 16px;padding:0}
.nb-guide nav li {margin:0}
.nb-guide nav a {display:block;padding:10px 0;font-size:17px;line-height:1.45}
.nb-shortcuts {display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0}
.nb-shortcuts a {padding:10px 0;font-family:var(--font-sans);font-size:14px;line-height:1.6}
.ip-blog-post__body [id] {scroll-margin-top:100px}
.nb-related {margin-top:64px;border-top:1px solid var(--hairline);padding-top:28px}
.ip-blog-post__body .nb-related h2,.ip-blog-post__body .nb-invitation h2 {margin:0 0 20px;letter-spacing:0;font-size:28px;line-height:1.2}
.nb-related>div {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ip-blog-post__body .nb-related-link {display:flex;align-items:center;gap:14px;font-size:20px;line-height:1.35;text-decoration:none;padding-block:12px;border-bottom:1px solid var(--hairline)}
.nb-related-link img {width:76px;height:90px;object-fit:contain;flex:none}
.nb-related-link:hover span {text-decoration:underline;text-underline-offset:4px}
.nb-invitation {margin-top:48px;padding:32px 0 8px;border-top:1px solid var(--hairline)}
.ip-blog-post__body .nb-invitation p {margin-bottom:20px}
.ip-blog-post__body .nb-contact {display:inline-block;padding:15px 22px;background:var(--burgundy);color:var(--ivory);font-family:var(--font-sans);font-size:14px;line-height:1.5;text-decoration:none}
.nb-contact:hover {background:var(--wine)}
.nb-guide :focus-visible,.nb-related :focus-visible,.nb-contact:focus-visible,.nb-shortcuts :focus-visible,.nb-filters :focus-visible,.nb-learning-path :focus-visible,.ip-blog-card:focus-visible {outline:2px solid var(--burgundy);outline-offset:5px}
.nb-filters {display:flex;flex-wrap:wrap;gap:8px 20px;margin:32px 0 12px;border-bottom:1px solid var(--hairline)}
.nb-filters[hidden],.ip-blog-card[hidden] {display:none}
.nb-filters button {appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 2px;min-height:46px;color:var(--burgundy);font:400 14px/1.5 var(--font-sans);cursor:pointer}
.nb-filters button[aria-pressed="true"] {border-bottom-color:var(--burgundy);font-weight:600}
.nb-filters button:hover {text-decoration:underline;text-underline-offset:5px}
.nb-results {margin:16px 0}
.nb-learning-path {margin:0 0 24px}
.nb-learning-path .learning-path {margin-top:4px}
#nb-articles {margin-top:24px;gap:32px}
#nb-articles .ip-blog-card {padding:0 0 28px;border:0;border-bottom:1px solid var(--hairline);display:flex;flex-direction:column;min-width:0}
#nb-articles .ip-blog-card[hidden] {display:none}
.nb-card-art {height:184px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;background:rgba(77,0,38,.025)}
.nb-card-art img {width:160px;height:160px;object-fit:contain;transition:none}
#nb-articles .ip-blog-card__body {display:flex;flex-direction:column;flex:1}
#nb-articles .ip-blog-card__title {font-size:25px;line-height:1.22;margin-bottom:12px}
#nb-articles .ip-blog-card__excerpt {color:var(--reading);font-size:14px;line-height:1.65}
#nb-articles .ip-blog-card__cta {margin-top:auto;padding-top:4px}
#nb-articles .ip-blog-card:hover .ip-blog-card__title {text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){
 .nb-guide nav ul,.nb-related>div {grid-template-columns:1fr}
 .nb-related>div {gap:12px}
 .nb-filters {gap:4px 18px}
 #nb-articles {grid-template-columns:minmax(0,1fr);gap:32px}
 .nb-card-art {height:158px}
 .nb-card-art img {width:140px;height:140px}
 .nb-contact {max-width:100%;box-sizing:border-box}
}
@media print {
 .nb-guide,.nb-reading-time,.nb-shortcuts,.nb-related,.nb-invitation,.nb-filters,.nb-results,.nb-learning-path {display:none!important}
}

/* ---- from /blogg/assets/school-comparison.css ---- */
/* Article-only comparison. Keep table semantics and readable labels on small screens. */
.ip-blog-post__body .nb-school-table {width:100%;border-collapse:collapse;margin:24px 0 40px;font-size:17px;line-height:1.5;text-align:left}
.nb-school-table caption {text-align:left;font-size:21px;color:var(--burgundy);margin-bottom:16px}
.nb-school-table th,.nb-school-table td {padding:18px 14px;border-bottom:1px solid var(--hairline);vertical-align:top}
.nb-school-table thead th {background:var(--burgundy);color:var(--ivory);font-weight:400}
.nb-school-table tbody th {width:29%;color:var(--burgundy);font-weight:600;overflow-wrap:anywhere}
.nb-school-table td:nth-child(2) {width:29%}
.nb-school-table small {font-size:14px}
@media(max-width:600px) {
 .ip-blog-post__body .nb-school-table {display:block;font-size:17px}
 .nb-school-table caption,.nb-school-table tbody,.nb-school-table tr {display:block}
 .nb-school-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .nb-school-table tbody tr {border:1px solid var(--hairline);margin-bottom:20px}
 .nb-school-table tbody th,.nb-school-table td,.nb-school-table td:nth-child(2) {display:block;width:auto;padding:14px 18px}
 .nb-school-table tbody th {background:rgba(77,0,38,.045);font-size:21px;overflow-wrap:normal}
 .nb-school-table td::before {content:attr(data-label);display:block;color:var(--burgundy);font:400 12px/1.5 var(--font-sans);margin-bottom:7px}
 .nb-school-table td:last-child {border-bottom:0}
}

/* ---- from /assets/blog-visuals/learning-examples.css ---- */
.ip-blog-post__body .nl-scene{margin:2.5rem 0}.nl-scene img{display:block;width:100%;height:auto;border-radius:3px}.ip-blog-post__body .nl-scene figcaption{font-size:16px;line-height:1.55;margin-top:12px;color:#684e50}.nl-example{border:1px solid #d9c6ad;margin:1rem 0;background:#fcf9f3}.nl-example summary{padding:18px 20px;font-size:21px;line-height:1.4;color:#4d0026;cursor:pointer}.nl-example summary:focus-visible{outline:2px solid #850035;outline-offset:3px}.nl-example-body{padding:0 20px 20px}.nl-example-body>:last-child{margin-bottom:0}.nl-protocol-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:17px;line-height:1.5}.nl-protocol-table caption{text-align:left;font-size:15px;padding:12px 0}.nl-protocol-table th,.nl-protocol-table td{border-bottom:1px solid #dfd3c3;padding:10px 8px;vertical-align:top;text-align:left;overflow-wrap:anywhere}.nl-protocol-table thead th:first-child{width:33%}.nl-protocol-table .nl-group th{background:#eee5d6;color:#4d0026;padding-top:12px}.nl-protocol-table tbody th[scope=row]{font-weight:500}@media(max-width:480px){.nl-example summary{padding:14px;font-size:19px}.nl-example-body{padding:0 12px 16px}.nl-protocol-table{font-size:15px}.nl-protocol-table thead th:first-child{width:40%}.nl-protocol-table th,.nl-protocol-table td{padding:8px 5px}}@media print{.nl-example{break-inside:auto}.nl-protocol-table tr{break-inside:avoid}}
.ip-blog-post__body .nl-start-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.nl-start-links a{display:inline-block;padding:8px 0}
.nl-start-links a:focus-visible{outline:2px solid #850035;outline-offset:4px}
.nl-marked-sheet{position:relative;isolation:isolate;width:100%}
.nl-marked-sheet .nv-sheet{display:block;width:100%;height:auto;box-sizing:border-box}
.nl-field-mark{position:absolute;left:4.7%;width:90.6%;box-sizing:border-box;border:1.5px solid #850035;background:rgba(133,0,53,.07);pointer-events:none}
.nl-field-colour{top:23.04%;height:7.85%}
.nl-field-aroma{top:39.36%;height:4.52%}
.nl-field-dryness{top:49.82%;height:2.83%}
.nl-field-acid{top:52.65%;height:2.61%}
.nl-field-body{top:60.78%;height:2.90%}
.nl-protocol-start{align-items:start;gap:28px}
.ip-blog-post__body .nl-key-intro{font-size:18px;margin:0 0 12px}
.ip-blog-post__body .nl-field-key{padding-left:24px;margin:0;font-size:17px;line-height:1.5}
.nl-field-key li{padding:0 0 16px 4px}
.nl-field-key strong,.nl-field-key span{display:block}
.nl-field-key strong{color:#4d0026}
.nl-reveal-notes{margin:24px 0}
.nl-reveal-notes p{break-inside:avoid}
.nl-writing-line{display:block;min-height:30px;border-bottom:1px solid #92756b}
@media(max-width:650px){.nl-protocol-start .nl-marked-sheet{max-width:400px}.nl-protocol-start{gap:24px}.nl-field-key li{padding-bottom:12px}}
@media print{.nl-field-mark{print-color-adjust:exact;-webkit-print-color-adjust:exact}.nl-reveal-notes{margin:12px 0}.nl-reveal-notes p{margin:8px 0!important}.nl-writing-line{min-height:18px}}