.horeko-page {
  --hk-green: #334838;
  --hk-green-deep: #24332a;
  --hk-olive: #6b7d4d;
  --hk-gold: #c99649;
  --hk-gold-light: #efd19a;
  --hk-rose: #a44d70;
  --hk-terracotta: #b9673e;
  --hk-cream: #fbf7ef;
  background:
    radial-gradient(circle at 7% 4%, rgba(107,125,77,.13), transparent 31rem),
    radial-gradient(circle at 93% 6%, rgba(185,103,62,.11), transparent 32rem),
    linear-gradient(180deg,#fcfaf6,#f8f1e7 55%,#fbf8f3);
}

.horeko-page .ss-breadcrumb strong { color: var(--hk-olive); }
.horeko-page .ss-hero h1 em { color: #52684e; }
.horeko-page .ss-button-primary { border-color: #4e603a; background: linear-gradient(135deg,#718355,#4c603b); box-shadow: 0 13px 29px rgba(67,86,52,.24); }
.horeko-page .ss-assurances b { color: var(--hk-olive); }
.horeko-page .ss-hero::before { border-color: rgba(107,125,77,.14); }
.horeko-page .eyebrow { font-size: 10.5px; }
.hk-wide-heading { max-width: 980px; }
.hk-wide-heading > p { max-width: 820px; }

/* Hero — Kitchen Pulse */
.hk-hero { min-height: 790px; grid-template-columns: minmax(0,1.12fr) minmax(390px,.88fr); }
.hk-pulse-card { position: relative; overflow: hidden; padding: 28px; border: 1px solid rgba(232,200,142,.31); border-radius: 30px; background: radial-gradient(circle at 100% 0,rgba(185,103,62,.25),transparent 35%),linear-gradient(145deg,#3b5140,#27372e 68%,#533d43 135%); color: #fff; box-shadow: 0 36px 86px rgba(38,53,43,.29); }
.hk-pulse-card::before { position: absolute; right: -135px; bottom: -170px; width: 350px; height: 350px; border: 1px solid rgba(239,208,153,.11); border-radius: 50%; box-shadow: 0 0 0 48px rgba(239,208,153,.021); content: ""; }
.hk-pulse-card > * { position: relative; z-index: 1; }
.hk-pulse-top,.hk-pulse-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #ced7ca; font-size: 11.5px; }
.hk-pulse-top { padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.13); font-weight: 850; letter-spacing: .75px; text-transform: uppercase; }
.hk-pulse-top span { display: flex; align-items: center; gap: 9px; }
.hk-pulse-top i { width: 8px; height: 8px; border-radius: 50%; background: #9fb66e; box-shadow: 0 0 0 5px rgba(159,182,110,.13); }
.hk-pulse-top b { color: var(--hk-gold-light); font-size: 10.5px; }
.hk-pulse-brand { display: flex; align-items: center; gap: 15px; margin-top: 24px; }
.hk-pulse-brand > span { display: grid; width: 54px; height: 54px; place-items: center; flex: 0 0 auto; border-radius: 17px; background: linear-gradient(145deg,#83945f,#566c41); color: #fff; font-size: 15px; font-weight: 900; box-shadow: 0 12px 27px rgba(20,31,24,.25); }
.hk-pulse-brand div { display: grid; gap: 4px; }
.hk-pulse-brand small { color: #f0c3d1; font-size: 10.5px; font-weight: 900; letter-spacing: 1.15px; }
.hk-pulse-brand strong { font: 500 28px/1.1 Georgia,serif; }
.hk-pulse-chart { position: relative; height: 112px; margin: 18px 0 9px; }
.hk-pulse-chart svg { display: block; width: 100%; height: 92px; overflow: visible; }
.hk-chart-area { fill: rgba(200,151,75,.08); }
.hk-chart-line { fill: none; stroke: #e1b96f; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.hk-pulse-chart circle { fill: #e9c985; stroke: #34463a; stroke-width: 3; }
.hk-pulse-chart > span { position: absolute; bottom: 0; color: #c2ccc0; font-size: 10.5px; font-weight: 750; }
.hk-pulse-chart > span:nth-of-type(1) { left: 1%; }
.hk-pulse-chart > span:nth-of-type(2) { left: 43%; }
.hk-pulse-chart > span:nth-of-type(3) { right: 1%; }
.hk-pulse-kpis { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.hk-pulse-kpis article { display: grid; min-height: 112px; align-content: start; gap: 7px; padding: 15px; border: 1px solid rgba(239,208,153,.15); border-radius: 16px; background: rgba(255,255,255,.06); }
.hk-pulse-kpis article > span { color: #c2ccc0; font-size: 11.5px; line-height: 1.35; }
.hk-pulse-kpis article strong { color: #fffdf8; font: 500 29px/1 Georgia,serif; }
.hk-pulse-kpis article small { color: #c5cec2; font-size: 10.5px; }
.hk-pulse-kpis .is-alert { border-color: rgba(225,185,111,.29); background: rgba(201,150,73,.1); }
.hk-pulse-kpis .is-rose { border-color: rgba(236,185,206,.27); background: rgba(164,77,112,.14); }
.hk-pulse-footer { margin-top: 19px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.12); }
.hk-pulse-footer strong { color: #efc2d2; font-size: 11.5px; }

/* Systeemruggengraat */
.hk-system-section { padding: 112px 0 126px; border-top: 1px solid var(--ss-line); }
.hk-system-title-line { display: inline-block; }
.hk-system-spine { display: grid; grid-template-columns: minmax(165px,.9fr) 32px minmax(210px,1.1fr) 32px minmax(210px,1.1fr) 32px minmax(165px,.9fr); align-items: center; gap: 10px; margin-top: 58px; }
.hk-spine-sources { display: grid; gap: 10px; }
.hk-spine-sources article,.hk-spine-core { display: flex; align-items: center; gap: 13px; border: 1px solid rgba(151,120,69,.26); box-shadow: 0 15px 39px rgba(64,48,31,.065); }
.hk-spine-sources article { min-height: 82px; padding: 14px; border-radius: 17px; background: rgba(255,252,247,.76); }
.hk-spine-sources b,.hk-spine-core > b { display: grid; width: 42px; height: 42px; place-items: center; flex: 0 0 auto; border-radius: 13px; background: #efe5d6; color: #6a5534; font-size: 10.5px; font-weight: 900; }
.hk-spine-sources div,.hk-spine-core div { display: grid; gap: 4px; min-width: 0; }
.hk-spine-sources strong { color: #39473b; font-size: 13.5px; }
.hk-spine-sources span { color: #776d62; font-size: 11.5px; line-height: 1.35; }
.hk-spine-core { min-height: 184px; flex-direction: column; align-items: flex-start; justify-content: center; padding: 25px; border-radius: 24px; }
.hk-spine-core > b { width: 52px; height: 52px; border-radius: 16px; font-size: 14px; }
.hk-spine-core small { font-size: 10.5px; font-weight: 900; letter-spacing: 1.1px; }
.hk-spine-core strong { font: 500 26px/1.1 Georgia,serif; }
.hk-spine-core span { font-size: 11.5px; line-height: 1.55; }
.hk-spine-horeko { border-color: #cbd4b7; background: linear-gradient(145deg,#f7faef,#e5ecd8); color: #34452f; }
.hk-spine-horeko > b { background: linear-gradient(145deg,#81945e,#5b7043); color: #fff; }
.hk-spine-horeko small { color: #64744e; }
.hk-spine-more { border-color: rgba(227,193,131,.28); background: radial-gradient(circle at 100% 0,rgba(164,77,112,.23),transparent 38%),linear-gradient(145deg,#3d5041,#28372e); color: #fff; box-shadow: 0 22px 55px rgba(42,57,47,.2); }
.hk-spine-more > b { background: linear-gradient(145deg,#deb46a,#bb853d); color: #29352b; }
.hk-spine-more small { color: #efbfd0; }
.hk-spine-more span { color: #d0d8cd; }
.hk-spine-arrow { color: #bc8e47; font: 500 24px/1 Georgia,serif; text-align: center; }
.hk-spine-official article:first-child b { background: #fff0e5; color: #a04d27; }
.hk-spine-official article:last-child b { background: #f6e5ed; color: #944363; }
.hk-system-summary span { color: #42523e; }

/* Procesflow */
.hk-flow-band { background: radial-gradient(circle at 88% 8%,rgba(185,103,62,.21),transparent 29rem),linear-gradient(145deg,#354a3a,#233129 72%); }
.hk-flow-band .ss-main-flow .ss-flow-decision { border-color: rgba(225,185,111,.36); background: linear-gradient(145deg,rgba(107,125,77,.3),rgba(255,255,255,.07)); }
.hk-flow-band .ss-main-flow .ss-flow-decision b { border-color: rgba(225,185,111,.44); color: #f0cf91; }

/* Receptuur en scenario */
.hk-margin-section { padding: 124px 0 132px; }
.hk-margin-demo { display: grid; grid-template-columns: minmax(310px,.72fr) minmax(0,1.28fr); gap: 18px; margin-top: 57px; }
.hk-recipe-card,.hk-scenario-console { overflow: hidden; border: 1px solid var(--ss-line); border-radius: 27px; box-shadow: 0 25px 65px rgba(61,47,31,.09); }
.hk-recipe-card { padding: 30px; background: radial-gradient(circle at 100% 0,rgba(107,125,77,.12),transparent 35%),linear-gradient(150deg,#fffdf8,#f2eadb); }
.hk-recipe-card > header { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 14px; padding-bottom: 22px; border-bottom: 1px solid #dfd0bb; }
.hk-dish-mark { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 16px; background: linear-gradient(145deg,#748654,#53683f); color: #fff; font-size: 11.5px; font-weight: 900; }
.hk-recipe-card header div { display: grid; gap: 4px; }
.hk-recipe-card header small { color: #6f7e58; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-recipe-card h3 { margin: 0; color: #344431; font: 500 25px/1.1 Georgia,serif; }
.hk-recipe-card header > b { color: #3f493b; font: 500 28px/1 Georgia,serif; }
.hk-recipe-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.hk-recipe-meta span { padding: 6px 8px; border: 1px solid #d8c8b2; border-radius: 999px; color: #776c5e; font-size: 10.5px; font-weight: 750; }
.hk-ingredient-list { display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none; }
.hk-ingredient-list li { display: grid; grid-template-columns: minmax(100px,.8fr) minmax(70px,1.2fr) 58px; align-items: center; gap: 11px; min-height: 42px; border-bottom: 1px solid #e5d9c8; color: #625b52; font-size: 11.5px; }
.hk-ingredient-list li > i,.hk-driver-bars i { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: #e6ddcf; }
.hk-ingredient-list li > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#758655,#bd8d43); }
.hk-ingredient-list li > strong { color: #514a42; text-align: right; }
.hk-recipe-card footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 20px; color: #7a7166; font-size: 10.5px; }
.hk-recipe-card footer span { display: flex; align-items: center; gap: 7px; }
.hk-recipe-card footer i { width: 7px; height: 7px; border-radius: 50%; background: #849767; box-shadow: 0 0 0 4px rgba(132,151,103,.12); }
.hk-recipe-card footer strong { color: #7a5b2d; }
.hk-scenario-console { background: #fffaf4; }
.hk-scenario-console > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 26px 28px 22px; border-bottom: 1px solid rgba(157,119,60,.22); background: linear-gradient(135deg,#fffdf9,#f3e6d9); }
.hk-scenario-console > header div { display: grid; gap: 5px; }
.hk-scenario-console > header small { color: #99506e; font-size: 10.5px; font-weight: 900; letter-spacing: 1.1px; }
.hk-scenario-console h3 { margin: 0; color: #344431; font: 500 27px/1.15 Georgia,serif; }
.hk-scenario-console > header > span { padding: 7px 9px; border-radius: 999px; background: #eee7d8; color: #7a643f; font-size: 10px; font-weight: 900; letter-spacing: .65px; }
.hk-scenario-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; padding: 13px; border-bottom: 1px solid rgba(157,119,60,.17); background: #f6eee4; }
.hk-scenario-tabs button { min-height: 45px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #6f675e; cursor: pointer; font: inherit; font-size: 11.5px; font-weight: 800; }
.hk-scenario-tabs button:hover,.hk-scenario-tabs button:focus-visible { border-color: #d5c19b; background: rgba(255,255,255,.6); }
.hk-scenario-tabs button.is-active { border-color: #65784d; background: #65784d; color: #fff; box-shadow: 0 8px 20px rgba(81,103,64,.2); }
.hk-scenario-result { padding: 26px 28px 25px; }
.hk-scenario-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.hk-scenario-kpis > div { display: grid; gap: 7px; padding: 16px; border: 1px solid rgba(157,119,60,.18); border-radius: 16px; background: #fffdf9; }
.hk-scenario-kpis span { color: #777067; font-size: 11.5px; }
.hk-scenario-kpis strong { color: #3c473a; font: 500 29px/1 Georgia,serif; }
.hk-scenario-kpis small { color: #6f675e; font-size: 10.5px; }
.hk-scenario-kpis .is-focus { border-color: rgba(164,77,112,.24); background: #fff1f6; }
.hk-scenario-kpis .is-focus strong { color: #944365; }
.hk-scenario-explanation { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 14px; margin-top: 18px; padding: 18px; border-radius: 17px; background: linear-gradient(145deg,#3c5040,#2a382f); color: #fff; }
.hk-scenario-explanation > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; background: #a34b70; color: #fff; }
.hk-scenario-explanation div { display: grid; gap: 6px; }
.hk-scenario-explanation small { color: #edc88d; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-scenario-explanation p { margin: 0; color: #e1e7df; font-size: 12.5px; line-height: 1.65; }
.hk-driver-bars { display: grid; gap: 10px; margin-top: 19px; }
.hk-driver-bars > div { display: grid; grid-template-columns: 92px minmax(0,1fr) 42px; align-items: center; gap: 12px; color: #696158; font-size: 11.5px; }
.hk-driver-bars i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6f8352,#c49247); transition: width .35s ease; }
.hk-driver-bars strong { color: #4f493f; text-align: right; }
.hk-scenario-result > footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 21px; padding-top: 18px; border-top: 1px solid rgba(157,119,60,.17); }
.hk-scenario-result footer strong { color: #88415f; font-size: 12.5px; }
.hk-scenario-result footer span { color: #8c8278; font-size: 10.5px; }

/* Voorraadbalans */
.hk-stock-section { position: relative; overflow: hidden; padding: 118px 0 124px; background: radial-gradient(circle at 8% 92%,rgba(200,151,75,.12),transparent 28rem),radial-gradient(circle at 94% 5%,rgba(164,77,112,.18),transparent 30rem),linear-gradient(145deg,#354a3a,#25342b 70%); color: #fff; }
.hk-stock-section::before { position: absolute; top: -220px; right: -185px; width: 510px; height: 510px; border: 1px solid rgba(239,208,153,.1); border-radius: 50%; box-shadow: 0 0 0 63px rgba(239,208,153,.016); content: ""; }
.hk-stock-section .ss-container { position: relative; z-index: 1; }
.hk-stock-intro { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 60px; }
.hk-stock-section .eyebrow { color: var(--hk-gold-light); }
.hk-stock-section h2 { color: #fffdf7; }
.hk-stock-section h2 em { color: #efbfd0; }
.hk-stock-section .ss-section-heading > p { color: #cbd4c9; }
.hk-stock-alert { min-width: 230px; padding: 23px 25px; border: 1px solid rgba(239,190,209,.25); border-radius: 21px; background: rgba(164,77,112,.16); text-align: right; }
.hk-stock-alert span { display: block; color: #efc2d2; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-stock-alert strong { display: block; margin-top: 11px; color: #fff; font: 500 48px/1 Georgia,serif; }
.hk-stock-alert p { margin: 8px 0 0; color: #d0d8ce; font-size: 11.5px; }
.hk-stock-alert b { color: var(--hk-gold-light); }
.hk-stock-balance { display: grid; grid-template-columns: minmax(150px,.7fr) auto minmax(150px,.7fr) minmax(300px,1.3fr); align-items: stretch; gap: 16px; margin-top: 57px; }
.hk-stock-measure,.hk-cause-rail { border: 1px solid rgba(239,208,153,.18); border-radius: 24px; background: rgba(255,255,255,.06); }
.hk-stock-measure { display: grid; min-height: 360px; grid-template-rows: auto 1fr; padding: 22px; }
.hk-stock-measure header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.hk-stock-measure header span { color: #c4cec1; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-stock-measure header b { color: #fff; font: 500 26px/1 Georgia,serif; }
.hk-stock-vessel { position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; margin-top: 20px; border: 1px solid rgba(239,208,153,.18); border-radius: 18px 18px 28px 28px; background: rgba(20,31,24,.2); }
.hk-stock-vessel::before { position: absolute; inset: 12px 12px auto; height: 1px; background: rgba(255,255,255,.12); box-shadow: 0 58px rgba(255,255,255,.08),0 116px rgba(255,255,255,.06); content: ""; }
.hk-stock-vessel > i { position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg,rgba(132,151,103,.68),rgba(80,105,67,.82)); transition: height .4s ease; }
.hk-stock-real .hk-stock-vessel > i { background: linear-gradient(180deg,rgba(201,150,73,.72),rgba(151,101,47,.84)); }
.hk-stock-vessel span { position: relative; z-index: 1; margin-bottom: 18px; padding: 8px 10px; border-radius: 999px; background: rgba(35,49,41,.72); color: #eef1ec; font-size: 10.5px; font-weight: 800; }
.hk-stock-difference { display: grid; width: 82px; align-content: center; justify-items: center; gap: 7px; }
.hk-stock-difference > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(239,190,209,.34); border-radius: 50%; background: rgba(164,77,112,.2); color: #f3c6d5; font-size: 24px; }
.hk-stock-difference strong { color: var(--hk-gold-light); font: 500 27px/1 Georgia,serif; }
.hk-stock-difference small { color: #bfc9bc; font-size: 10px; text-align: center; }
.hk-cause-rail { padding: 23px; }
.hk-cause-rail header { display: grid; gap: 5px; padding-bottom: 18px; border-bottom: 1px solid rgba(239,208,153,.15); }
.hk-cause-rail header span { color: #efc2d2; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-cause-rail header strong { font: 500 24px/1.15 Georgia,serif; }
.hk-cause-rail ol { display: grid; gap: 0; margin: 11px 0 0; padding: 0; list-style: none; }
.hk-cause-rail li { display: grid; min-height: 49px; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 11px; border-bottom: 1px solid rgba(239,208,153,.1); }
.hk-cause-rail li:last-child { border-bottom: 0; }
.hk-cause-rail li b { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: rgba(200,151,75,.13); color: #ebc883; font-size: 9.5px; }
.hk-cause-rail li span { color: #d5ddd2; font-size: 11.5px; line-height: 1.4; }
.hk-no-action { display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 16px; margin-top: 18px; padding: 19px 22px; border: 1px solid rgba(239,190,209,.22); border-radius: 18px; background: rgba(164,77,112,.12); }
.hk-no-action > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #9d486b; font-weight: 900; }
.hk-no-action div { display: grid; gap: 4px; }
.hk-no-action strong { color: #f3d0dc; font-size: 13.5px; }
.hk-no-action p { margin: 0; color: #cdd6ca; font-size: 11.5px; line-height: 1.55; }

/* Verspilling en menu-engineering */
.hk-value-section { padding: 122px 0 130px; }
.hk-value-layout { display: grid; grid-template-columns: minmax(300px,.74fr) minmax(0,1.26fr); gap: 18px; margin-top: 57px; }
.hk-waste-board,.hk-menu-board { overflow: hidden; border: 1px solid var(--ss-line); border-radius: 27px; box-shadow: 0 24px 62px rgba(62,47,31,.08); }
.hk-waste-board { padding: 29px; background: linear-gradient(145deg,#fffaf5,#f2e4dd); }
.hk-waste-board > header,.hk-menu-board > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 21px; border-bottom: 1px solid rgba(154,113,56,.2); }
.hk-waste-board header div,.hk-menu-board header div { display: grid; gap: 5px; }
.hk-waste-board small,.hk-menu-board small { color: #99506d; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-waste-board h3,.hk-menu-board h3 { margin: 0; color: #354438; font: 500 27px/1.12 Georgia,serif; }
.hk-waste-board header > strong { color: #9d486a; font: 500 40px/1 Georgia,serif; }
.hk-waste-stack { display: flex; height: 22px; overflow: hidden; margin-top: 27px; border-radius: 999px; background: #ece2d6; }
.hk-waste-stack span { width: var(--size); background: #6e8252; }
.hk-waste-stack span:nth-child(2) { background: #ca984d; }
.hk-waste-stack span:nth-child(3) { background: #a64d71; }
.hk-waste-stack span:nth-child(4) { background: #b96b46; }
.hk-waste-legend { display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none; }
.hk-waste-legend li { display: grid; min-height: 46px; grid-template-columns: 11px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid #e2d4c5; color: #6b6258; font-size: 11.5px; }
.hk-waste-legend i { width: 9px; height: 9px; border-radius: 3px; background: #6e8252; }
.hk-waste-legend li:nth-child(2) i { background: #ca984d; }
.hk-waste-legend li:nth-child(3) i { background: #a64d71; }
.hk-waste-legend li:nth-child(4) i { background: #b96b46; }
.hk-waste-legend b { color: #4f473e; }
.hk-waste-advice { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 13px; margin-top: 21px; padding: 17px; border-radius: 16px; background: #34483a; color: #fff; }
.hk-waste-advice > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: #a34b70; }
.hk-waste-advice p { margin: 0; color: #e0e6de; font-size: 11.5px; line-height: 1.55; }
.hk-menu-board { padding: 29px; background: radial-gradient(circle at 100% 0,rgba(107,125,77,.1),transparent 35%),#fffaf4; }
.hk-menu-board > header > span { color: #81776b; font-size: 11px; }
.hk-menu-matrix { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(128px,1fr)); gap: 9px; margin: 33px 0 0 34px; padding: 0 0 28px; }
.hk-menu-matrix::before,.hk-menu-matrix::after { position: absolute; background: #c9b68f; content: ""; }
.hk-menu-matrix::before { top: 0; bottom: 28px; left: -10px; width: 1px; }
.hk-menu-matrix::after { right: 0; bottom: 18px; left: -10px; height: 1px; }
.hk-axis-y,.hk-axis-x { position: absolute; color: #8b7c68; font-size: 10px; font-weight: 850; letter-spacing: .6px; text-transform: uppercase; }
.hk-axis-y { top: 50%; left: -49px; transform: rotate(-90deg) translateX(-50%); transform-origin: left top; }
.hk-axis-x { right: 0; bottom: 0; }
.hk-quadrant { display: grid; align-content: start; gap: 10px; padding: 14px; border: 1px solid rgba(155,116,59,.17); border-radius: 16px; }
.hk-quadrant > small { font-size: 9.5px; }
.hk-q-star { background: #edf3e8; }
.hk-q-work { background: #fff1e8; }
.hk-q-puzzle { background: #f9e8ef; }
.hk-q-low { background: #f0ece5; }
.hk-quadrant button { display: grid; gap: 5px; width: 100%; padding: 12px; border: 1px solid transparent; border-radius: 12px; background: rgba(255,255,255,.55); color: #4d493f; cursor: pointer; font: inherit; text-align: left; }
.hk-quadrant button:hover,.hk-quadrant button:focus-visible { border-color: #b69a65; }
.hk-quadrant button.is-active { border-color: #667b4d; box-shadow: 0 0 0 3px rgba(102,123,77,.12); }
.hk-quadrant button b { font: 500 17px/1.15 Georgia,serif; }
.hk-quadrant button span { color: #746c62; font-size: 10.5px; }
.hk-menu-advice { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; margin-top: 18px; padding: 17px 18px; border: 1px solid rgba(164,77,112,.2); border-radius: 16px; background: #fff1f6; }
.hk-menu-advice > span { align-self: start; padding: 7px 9px; border-radius: 999px; background: #a34b70; color: #fff; font-size: 9.5px; font-weight: 900; letter-spacing: .5px; }
.hk-menu-advice div { display: grid; gap: 5px; }
.hk-menu-advice strong { color: #704055; font-size: 13px; }
.hk-menu-advice p { margin: 0; color: #735f68; font-size: 11.5px; line-height: 1.55; }

/* Inkoop en bestelprognose */
.hk-forecast-section { position: relative; overflow: hidden; padding: 120px 0 126px; border-top: 1px solid var(--ss-line); border-bottom: 1px solid var(--ss-line); background: radial-gradient(circle at 94% 8%,rgba(164,77,112,.13),transparent 29rem),linear-gradient(135deg,#f5eee2,#f2e8dc 58%,#f8f1e8); }
.hk-forecast-intro { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 50px; }
.hk-price-chain { display: flex; align-items: center; gap: 10px; padding: 18px; border: 1px solid rgba(154,113,56,.22); border-radius: 18px; background: rgba(255,253,248,.7); color: #73695d; font-size: 11.5px; }
.hk-price-chain span { display: grid; gap: 3px; }
.hk-price-chain b { color: #954463; }
.hk-price-chain i { color: #bd914d; font-style: normal; }
.hk-forecast-layout { display: grid; grid-template-columns: minmax(360px,.9fr) minmax(0,1.1fr); align-items: center; gap: 64px; margin-top: 57px; }
.hk-forecast-inputs { position: relative; min-height: 500px; }
.hk-forecast-inputs::before,.hk-forecast-inputs::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(107,125,77,.17); border-radius: 50%; content: ""; transform: translate(-50%,-50%); }
.hk-forecast-inputs::before { width: 380px; height: 380px; }
.hk-forecast-inputs::after { width: 270px; height: 270px; }
.hk-forecast-center { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; width: 170px; height: 170px; place-items: center; align-content: center; gap: 8px; border: 1px solid rgba(234,203,145,.34); border-radius: 50%; background: radial-gradient(circle at 70% 20%,rgba(164,77,112,.24),transparent 40%),linear-gradient(145deg,#3d5041,#28372f); color: #fff; box-shadow: 0 27px 62px rgba(40,55,45,.23); transform: translate(-50%,-50%); }
.hk-forecast-center b { color: var(--hk-gold-light); font: 500 43px/1 Georgia,serif; }
.hk-forecast-center small { width: 115px; color: #d0d8cd; font-size: 10.5px; line-height: 1.45; text-align: center; }
.hk-input-chip { position: absolute; z-index: 3; padding: 10px 13px; border: 1px solid rgba(155,116,59,.22); border-radius: 999px; background: #fffaf4; color: #5d594e; box-shadow: 0 12px 28px rgba(67,49,31,.07); font-size: 11.5px; font-weight: 800; }
.hk-input-1 { top: 4%; left: 33%; }
.hk-input-2 { top: 20%; right: 1%; }
.hk-input-3 { right: 0; bottom: 20%; }
.hk-input-4 { right: 32%; bottom: 3%; }
.hk-input-5 { bottom: 20%; left: 1%; }
.hk-input-6 { top: 22%; left: 0; }
.hk-order-proposal { overflow: hidden; border: 1px solid rgba(153,114,55,.3); border-radius: 28px; background: #fffaf4; box-shadow: 0 29px 75px rgba(65,48,31,.13); }
.hk-order-proposal > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 25px; border-bottom: 1px solid rgba(155,116,59,.18); background: linear-gradient(135deg,#fffdf8,#f2e4d6); }
.hk-order-proposal header div { display: grid; gap: 4px; }
.hk-order-proposal header small { color: #98506e; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-order-proposal header strong { color: #344431; font: 500 24px/1.1 Georgia,serif; }
.hk-order-proposal header > span { padding: 7px 9px; border-radius: 999px; background: #f8e3eb; color: #914260; font-size: 9.5px; font-weight: 900; letter-spacing: .6px; }
.hk-order-product { display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 17px; margin: 25px; padding: 21px; border-radius: 20px; background: radial-gradient(circle at 100% 0,rgba(164,77,112,.2),transparent 35%),linear-gradient(145deg,#3b5040,#2a382f); color: #fff; }
.hk-order-icon { display: grid; width: 60px; height: 60px; place-items: center; border-radius: 18px; background: linear-gradient(145deg,#dfb56c,#bc883f); color: #2d392f; font: 500 27px/1 Georgia,serif; }
.hk-order-product div { display: grid; gap: 5px; }
.hk-order-product small { color: #efbfd0; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-order-product strong { font: 500 32px/1 Georgia,serif; }
.hk-order-product p { margin: 2px 0 0; color: #ccd5ca; font-size: 11.5px; line-height: 1.5; }
.hk-order-proposal dl { display: grid; gap: 0; margin: 0 25px; }
.hk-order-proposal dl div { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; border-bottom: 1px solid #e8dbca; font-size: 11.5px; }
.hk-order-proposal dt,.hk-order-proposal dd { margin: 0; }
.hk-order-proposal dt { color: #776d62; }
.hk-order-proposal dd { color: #484239; font-weight: 850; text-align: right; }
.hk-order-proposal > footer { display: grid; gap: 5px; margin-top: 20px; padding: 18px 25px 22px; background: #f6ece2; }
.hk-order-proposal footer span { color: #756b60; font-size: 11.5px; }
.hk-order-proposal footer strong { color: #8d405f; font-size: 10.5px; }

/* Personeel en keukenacties */
.hk-control-section { padding: 122px 0 132px; }
.hk-control-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(330px,.88fr); gap: 18px; margin-top: 57px; }
.hk-hours-panel,.hk-exception-queue { overflow: hidden; border: 1px solid var(--ss-line); border-radius: 27px; box-shadow: 0 24px 64px rgba(63,47,31,.08); }
.hk-hours-panel { padding: 29px; background: radial-gradient(circle at 100% 0,rgba(107,125,77,.1),transparent 35%),#fffaf4; }
.hk-hours-panel > header,.hk-exception-queue > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 21px; border-bottom: 1px solid rgba(155,116,59,.19); }
.hk-hours-panel header div,.hk-exception-queue header div { display: grid; gap: 5px; }
.hk-hours-panel header small,.hk-exception-queue header small { color: #98506d; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-hours-panel h3,.hk-exception-queue h3 { margin: 0; color: #344431; font: 500 27px/1.15 Georgia,serif; }
.hk-hours-panel header > span { padding: 7px 9px; border-radius: 999px; background: #f8e3eb; color: #914260; font-size: 10px; font-weight: 900; }
.hk-hours-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 22px; }
.hk-hours-stats > div { display: grid; min-height: 118px; align-content: start; gap: 7px; padding: 16px; border: 1px solid rgba(155,116,59,.17); border-radius: 16px; background: #fffdf9; }
.hk-hours-stats span { color: #756d63; font-size: 11.5px; }
.hk-hours-stats strong { color: #3b473a; font: 500 31px/1 Georgia,serif; }
.hk-hours-stats small { color: #a3466c; font-size: 10.5px; font-weight: 800; }
.hk-labor-gauge { margin-top: 22px; padding: 19px; border-radius: 18px; background: #f2eadf; }
.hk-labor-gauge > div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.hk-labor-gauge div span { color: #655e54; font-size: 11.5px; font-weight: 800; }
.hk-labor-gauge div b { color: #964262; font: 500 27px/1 Georgia,serif; }
.hk-labor-gauge > i { position: relative; display: block; height: 9px; margin-top: 15px; border-radius: 999px; background: #ded3c4; }
.hk-labor-gauge > i > b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6d8250,#c08e45 72%,#a64d70); }
.hk-labor-gauge > i em { position: absolute; top: -5px; width: 2px; height: 19px; background: #2f4034; }
.hk-labor-gauge footer { display: flex; justify-content: space-between; margin-top: 8px; color: #625b52; font-size: 10.5px; }
.hk-hours-panel blockquote { margin: 18px 0 0; padding: 17px 19px; border-left: 3px solid #a64d70; border-radius: 0 15px 15px 0; background: #fff0f5; color: #704d5c; font: 500 15px/1.55 Georgia,serif; }
.hk-hours-panel > ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.hk-hours-panel > ul li { display: grid; gap: 5px; padding: 12px; border: 1px solid #e0d2c0; border-radius: 13px; background: rgba(255,255,255,.55); }
.hk-hours-panel > ul b { color: #5b684f; font-size: 11px; }
.hk-hours-panel > ul span { color: #81776c; font-size: 10.5px; line-height: 1.35; }
.hk-exception-queue { padding: 29px; background: linear-gradient(145deg,#fff8fb,#f2e5e9); }
.hk-exception-queue header > span { padding: 7px 10px; border-radius: 999px; background: #9e496d; color: #fff; font-size: 10.5px; font-weight: 900; }
.hk-exception-queue ol { display: grid; gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.hk-exception-queue li { display: grid; min-height: 72px; grid-template-columns: 35px minmax(0,1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid #e2ccd5; }
.hk-exception-queue li > b { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 11px; background: #e9dbe0; color: #8c4864; font-size: 9.5px; }
.hk-exception-queue li.is-high > b { background: #a34a70; color: #fff; }
.hk-exception-queue li div { display: grid; gap: 4px; }
.hk-exception-queue li strong { color: #544149; font-size: 12px; }
.hk-exception-queue li span { color: #66565d; font-size: 10.5px; }
.hk-exception-queue li em { padding: 6px 7px; border-radius: 999px; background: rgba(255,255,255,.6); color: #8f4664; font-size: 9.5px; font-style: normal; font-weight: 850; }
.hk-exception-queue > footer { margin-top: 18px; color: #7b6e74; font-size: 10.5px; line-height: 1.55; }

/* Etiketten-bèta */
.hk-label-section { position: relative; overflow: hidden; padding: 118px 0 126px; border-top: 1px solid var(--ss-line); border-bottom: 1px solid var(--ss-line); background: radial-gradient(circle at 91% 10%,rgba(164,77,112,.2),transparent 31rem),radial-gradient(circle at 7% 92%,rgba(107,125,77,.14),transparent 28rem),linear-gradient(135deg,#fbf6ef,#f0e3dd 56%,#f9f1e8); }
.hk-label-section::before { position: absolute; top: 64px; right: -78px; width: 230px; height: 230px; border: 1px solid rgba(164,77,112,.14); border-radius: 50%; content: ""; }
.hk-label-intro { position: relative; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr); align-items: end; gap: 65px; }
.hk-label-status { overflow: hidden; border: 1px solid rgba(151,111,54,.25); border-radius: 23px; background: rgba(255,252,247,.72); box-shadow: 0 22px 62px rgba(73,49,33,.08); }
.hk-label-status > header { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 13px; padding: 19px 21px; border-bottom: 1px solid rgba(151,111,54,.17); }
.hk-label-status header > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#ad5579,#8f3f62); color: #fff; font: 700 20px/1 Georgia,serif; }
.hk-label-status header div { display: grid; gap: 4px; }
.hk-label-status header small { color: #99516e; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-label-status header strong { color: #354438; font: 500 21px/1.1 Georgia,serif; }
.hk-label-status ul { display: grid; margin: 0; padding: 12px 21px 16px; list-style: none; }
.hk-label-status li { display: grid; min-height: 39px; grid-template-columns: 12px minmax(0,1fr) auto; align-items: center; gap: 9px; color: #675f56; font-size: 11.5px; }
.hk-label-status li i { width: 8px; height: 8px; border: 2px solid #b88945; border-radius: 50%; }
.hk-label-status li.is-ready i { border-color: #768a52; background: #768a52; box-shadow: 0 0 0 4px rgba(118,138,82,.13); }
.hk-label-status li b { color: #966044; font-size: 10.5px; text-align: right; }
.hk-label-status li.is-ready b { color: #627547; }
.hk-label-studio { position: relative; overflow: hidden; margin-top: 55px; border: 1px solid rgba(235,204,151,.3); border-radius: 31px; background: radial-gradient(circle at 100% 0,rgba(164,77,112,.27),transparent 33rem),radial-gradient(circle at 0 100%,rgba(200,151,75,.13),transparent 29rem),linear-gradient(145deg,#3b5040,#27362d); color: #fff; box-shadow: 0 36px 90px rgba(40,54,45,.27); }
.hk-label-studio-bar { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 21px 25px; border-bottom: 1px solid rgba(239,208,153,.17); }
.hk-label-studio-bar > div { display: flex; align-items: center; gap: 14px; }
.hk-label-studio-bar > div > div { display: grid; gap: 4px; }
.hk-label-mark { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#dfb66f,#b9843e); color: #2c392f; font: 500 23px/1 Georgia,serif; }
.hk-label-studio-bar small { color: #efbfd0; font-size: 10.5px; font-weight: 900; letter-spacing: 1px; }
.hk-label-studio-bar strong { color: #fffdf8; font: 500 23px/1.1 Georgia,serif; }
.hk-label-studio-bar > span { color: #e0c38e; font-size: 10px; font-weight: 900; letter-spacing: .8px; }
.hk-label-studio-body { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(370px,.92fr); gap: 18px; padding: 19px; }
.hk-label-process { display: grid; align-content: start; gap: 15px; }
.hk-label-source { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,.76fr); align-items: center; gap: 24px; padding: 22px; border: 1px solid rgba(239,208,153,.17); border-radius: 19px; background: rgba(255,255,255,.055); }
.hk-label-source > div:first-child { display: grid; gap: 5px; }
.hk-label-source small { color: #efc785; font-size: 10.5px; font-weight: 900; letter-spacing: .9px; }
.hk-label-source h3 { margin: 0; color: #fffdf8; font: 500 25px/1.15 Georgia,serif; }
.hk-label-source p { margin: 2px 0 0; color: #cbd5c9; font-size: 11.5px; line-height: 1.55; }
.hk-label-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.hk-label-chips span { padding: 8px 10px; border: 1px solid rgba(239,208,153,.19); border-radius: 999px; background: rgba(200,151,75,.1); color: #e2d0aa; font-size: 10.5px; font-weight: 800; }
.hk-label-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 0; padding: 0; list-style: none; }
.hk-label-flow li { position: relative; display: grid; min-height: 176px; align-content: start; gap: 11px; padding: 17px; border: 1px solid rgba(239,208,153,.15); border-radius: 17px; background: rgba(255,255,255,.05); }
.hk-label-flow li:not(:last-child)::after { position: absolute; z-index: 2; top: 50%; right: -9px; display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: #b88943; color: #2d3a30; content: "›"; font: 900 15px/1 Arial,sans-serif; transform: translateY(-50%); }
.hk-label-flow li > b { position: absolute; top: 13px; right: 13px; color: rgba(235,206,154,.62); font-size: 9.5px; }
.hk-flow-logo { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; color: #fff; font: 850 15px/1 Arial,sans-serif; }
.hk-flow-logo.is-horeko { background: #78894f; }
.hk-flow-logo.is-more { background: #a64e72; }
.hk-flow-logo.is-check { background: #bd8d45; }
.hk-flow-logo.is-print { background: #496052; }
.hk-label-flow li div { display: grid; gap: 5px; }
.hk-label-flow strong { color: #fffdf8; font-size: 12.5px; line-height: 1.35; }
.hk-label-flow small { color: #c0ccc0; font-size: 10.5px; line-height: 1.5; }
.hk-label-human { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 12px; padding: 16px 18px; border: 1px solid rgba(239,190,209,.25); border-radius: 16px; background: linear-gradient(135deg,rgba(164,77,112,.25),rgba(164,77,112,.11)); }
.hk-label-human > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #a64e72; color: #fff; font-weight: 900; }
.hk-label-human p { display: grid; gap: 4px; margin: 0; }
.hk-label-human strong { color: #fff4f8; font-size: 12.5px; }
.hk-label-human small { color: #e3cbd4; font-size: 10.5px; line-height: 1.45; }
.hk-label-preview { display: flex; min-width: 0; flex-direction: column; padding: 21px; border: 1px solid rgba(239,208,153,.18); border-radius: 21px; background: linear-gradient(145deg,rgba(255,250,244,.13),rgba(255,255,255,.055)); }
.hk-label-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.hk-label-preview-head span { color: #efbfd0; font-size: 10.5px; font-weight: 900; letter-spacing: .9px; }
.hk-label-preview-head b { color: #efd09a; font-size: 10.5px; }
.hk-print-label { display: flex; aspect-ratio: 1.75 / 1; flex-direction: column; margin: auto 0; padding: 20px; border: 1px solid #d7d2c6; background: #fffef8; color: #25362c; box-shadow: 0 22px 48px rgba(12,25,18,.26); transform: rotate(-.45deg); }
.hk-print-label > header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 7px; border-bottom: 2px solid #31493b; }
.hk-print-label header span,.hk-print-label header b { font-size: 8.5px; letter-spacing: 1px; }
.hk-print-label h3 { margin: 13px 0 9px; font: 700 28px/1 Georgia,serif; }
.hk-label-dates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.hk-label-dates span { display: grid; gap: 3px; padding: 8px; border: 1px solid #99a878; background: #f1f5e8; }
.hk-label-dates small,.hk-print-label footer small { font-size: 8px; font-weight: 900; letter-spacing: .7px; }
.hk-label-dates strong { font-size: 10px; }
.hk-label-storage { margin: 9px 0 0; font-size: 9px; font-weight: 800; }
.hk-label-ingredients { margin: 7px 0 0; font-size: 9px; line-height: 1.35; }
.hk-label-allergens { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; padding: 8px; background: #f4dfe8; color: #75324e; }
.hk-label-allergens span { font-size: 8px; font-weight: 900; letter-spacing: .7px; }
.hk-label-allergens strong { font-size: 10px; }
.hk-print-label > footer { display: flex; align-items: end; justify-content: space-between; margin-top: auto; }
.hk-print-label footer div { display: grid; gap: 2px; }
.hk-print-label footer b { font-size: 9px; }
.hk-label-code { width: 31px; height: 31px; background: repeating-linear-gradient(90deg,#26372d 0 2px,transparent 2px 4px),repeating-linear-gradient(0deg,#26372d 0 2px,transparent 2px 4px); box-shadow: inset 0 0 0 3px #fffef8,0 0 0 1px #26372d; }
.hk-label-preview > p { margin: 15px 0 0; color: #bfcabd; font-size: 10.5px; text-align: center; }
.hk-label-studio-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 19px 23px 22px; border-top: 1px solid rgba(239,208,153,.15); background: rgba(13,25,18,.13); }
.hk-label-studio-footer > div { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #cbd5c9; font-size: 11px; }
.hk-label-studio-footer i { width: 4px; height: 4px; border-radius: 50%; background: #c49249; }
.hk-label-studio-footer .ss-button { flex: 0 0 auto; }
.hk-label-disclaimer { margin: 13px 0 0; color: #73665d; font-size: 11.5px; text-align: right; }

/* Confidence Gate: valideren, inzicht en menselijke beslisgrens */
.hk-boundary-section { position: relative; overflow: hidden; padding: 120px 0 128px; background: radial-gradient(circle at 88% 6%,rgba(164,77,112,.13),transparent 30rem),radial-gradient(circle at 7% 92%,rgba(107,125,77,.12),transparent 27rem),linear-gradient(135deg,#faf4eb,#efe3d6 55%,#f8eee7); }
.hk-boundary-section::before { position: absolute; top: 52px; right: -130px; width: 510px; height: 510px; border: 1px solid rgba(174,132,67,.16); border-radius: 50%; content: ""; }
.hk-confidence-intro { position: relative; display: grid; grid-template-columns: minmax(0,1.04fr) minmax(380px,.96fr); align-items: center; gap: 72px; }
.hk-confidence-rule { position: relative; display: grid; min-height: 244px; grid-template-columns: 58px minmax(0,1fr); align-content: center; gap: 20px; overflow: hidden; padding: 34px; border: 1px solid rgba(239,208,153,.2); border-radius: 27px; background: radial-gradient(circle at 100% 0,rgba(164,77,112,.32),transparent 40%),linear-gradient(145deg,#3b5040,#26362d 72%); box-shadow: 0 28px 68px rgba(38,52,42,.2); color: #fff; }
.hk-confidence-rule::after { position: absolute; right: -60px; bottom: -88px; width: 260px; height: 260px; border: 1px solid rgba(239,208,153,.12); border-radius: 50%; content: ""; }
.hk-rule-mark { position: relative; z-index: 1; display: grid; width: 57px; height: 57px; place-items: center; border: 1px solid rgba(239,208,153,.28); border-radius: 18px; background: rgba(200,151,75,.17); color: #efca89; font-size: 22px; }
.hk-confidence-rule > div { position: relative; z-index: 1; display: grid; gap: 9px; }
.hk-confidence-rule small { color: #efca89; font-size: 10.5px; font-weight: 900; letter-spacing: 1.2px; }
.hk-confidence-rule strong { max-width: 480px; color: #fffdf7; font: 500 24px/1.23 Georgia,serif; }
.hk-confidence-rule p { margin: 0; color: #cad5ca; font-size: 12px; line-height: 1.5; }
.hk-confidence-rule > em { position: relative; z-index: 1; display: flex; grid-column: 2; width: fit-content; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(239,208,153,.2); border-radius: 999px; background: rgba(255,255,255,.07); color: #efc8d5; font-size: 11.5px; font-style: normal; font-weight: 900; letter-spacing: .5px; }
.hk-confidence-rule > em i { width: 8px; height: 8px; border-radius: 50%; background: #b9cc79; box-shadow: 0 0 0 5px rgba(185,204,121,.11); }

.hk-confidence-gate { position: relative; margin-top: 60px; padding: 30px; border: 1px solid rgba(151,111,54,.28); border-radius: 32px; background: rgba(255,251,245,.94); box-shadow: 0 33px 85px rgba(64,47,31,.14); }
.hk-gate-status { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 25px; border-bottom: 1px solid rgba(155,116,59,.2); }
.hk-gate-status > div { display: flex; align-items: center; gap: 15px; }
.hk-gate-status > div > span { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 17px; background: linear-gradient(145deg,#d3aa65,#b17c35); box-shadow: 0 11px 25px rgba(163,113,45,.2); color: #2f402f; font: 700 17px/1 Georgia,serif; }
.hk-gate-status > div > div { display: grid; gap: 5px; }
.hk-gate-status small { color: #94516c; font-size: 11px; font-weight: 900; letter-spacing: 1.1px; }
.hk-gate-status h3 { margin: 0; color: #334432; font: 500 27px/1.17 Georgia,serif; }
.hk-gate-status > strong { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid #cfd8be; border-radius: 999px; background: #eef3e6; color: #50623c; font-size: 11.5px; letter-spacing: .4px; }
.hk-gate-status > strong i { width: 8px; height: 8px; border-radius: 50%; background: #72874f; box-shadow: 0 0 0 5px rgba(114,135,79,.12); }

.hk-confidence-stages { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 27px 0 0; padding: 0; list-style: none; }
.hk-confidence-stages::before { position: absolute; top: 46px; right: 16%; left: 16%; height: 2px; background: linear-gradient(90deg,#879b63 0 49%,#d0a457 49% 68%,#dfc2cd 68% 100%); content: ""; }
.hk-confidence-stages > li { position: relative; z-index: 1; display: flex; min-height: 232px; flex-direction: column; padding: 21px; border: 1px solid #ded1bd; border-radius: 21px; background: #fffaf4; }
.hk-confidence-stages li > header { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hk-confidence-stages header b { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 15px; font-size: 11px; }
.hk-confidence-stages header span { font-size: 11px; font-weight: 900; letter-spacing: .75px; text-align: right; }
.hk-confidence-stages h4 { margin: 23px 0 0; color: #354537; font: 500 22px/1.15 Georgia,serif; }
.hk-confidence-stages p { margin: 11px 0 0; color: #6e665d; font-size: 11.5px; line-height: 1.55; }
.hk-confidence-stages footer { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 19px; color: #5d6655; font-size: 11.5px; font-weight: 800; }
.hk-confidence-stages footer i { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 8px; font-size: 10px; font-style: normal; }
.hk-confidence-stages li.is-prerequisite { border-color: #cbd4b7; background: linear-gradient(145deg,#f6f8f1,#edf2e5); }
.hk-confidence-stages li.is-prerequisite header b { border: 1px solid #81955f; background: #f8fbf4; color: #5d713f; }
.hk-confidence-stages li.is-prerequisite footer i { background: #dbe5cc; color: #53683a; }
.hk-confidence-stages li.is-prerequisite header span { color: #617244; }
.hk-confidence-stages li.is-current { border-color: #caa05c; background: radial-gradient(circle at 100% 0,rgba(200,151,75,.15),transparent 48%),linear-gradient(145deg,#fffaf0,#f5e8cf); box-shadow: 0 17px 38px rgba(129,91,39,.13); transform: translateY(-6px); }
.hk-confidence-stages li.is-current header b,.hk-confidence-stages li.is-current footer i { background: #c09249; color: #2f402f; }
.hk-confidence-stages li.is-current header span { color: #8b632d; }
.hk-confidence-stages li.is-current footer i { width: 9px; height: 9px; margin: 7px; border-radius: 50%; box-shadow: 0 0 0 6px rgba(192,146,73,.15); }
.hk-confidence-stages li.is-locked { border-color: #e0c4ce; background: linear-gradient(145deg,#fff5f8,#f2e2e8); }
.hk-confidence-stages li.is-locked header b,.hk-confidence-stages li.is-locked footer i { background: #a65072; color: #fff; }
.hk-confidence-stages li.is-locked header span { color: #914362; }

.hk-ownership-rail { overflow: hidden; margin-top: 19px; border-radius: 22px; background: radial-gradient(circle at 100% 0,rgba(164,77,112,.25),transparent 34%),linear-gradient(145deg,#384d3c,#27372e); color: #fff; }
.hk-ownership-rail > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 21px; border-bottom: 1px solid rgba(239,208,153,.14); }
.hk-ownership-rail > header span { color: #efca89; font-size: 10px; font-weight: 900; letter-spacing: 1px; }
.hk-ownership-rail > header strong { color: #dce4db; font-size: 11.5px; }
.hk-ownership-rail > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.hk-ownership-rail article { display: grid; min-height: 128px; grid-template-columns: 49px minmax(0,1fr); align-items: center; gap: 13px; padding: 20px; border-right: 1px solid rgba(239,208,153,.13); }
.hk-ownership-rail article:last-child { border-right: 0; }
.hk-ownership-rail article > b,.hk-ownership-rail article > span { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 15px; font-size: 10px; }
.hk-ownership-rail article.is-horeko > b { background: #72864f; color: #fff; }
.hk-ownership-rail article.is-more > b { background: #c3944c; color: #29382d; }
.hk-ownership-rail article.is-official > span { grid-template-columns: repeat(2,1fr); overflow: hidden; background: #f0dce5; color: #7e3755; }
.hk-ownership-rail article.is-official > span b { display: grid; height: 100%; place-items: center; font-size: 8.5px; }
.hk-ownership-rail article.is-official > span b + b { border-left: 1px solid rgba(126,55,85,.18); }
.hk-ownership-rail article p { display: grid; gap: 4px; margin: 0; }
.hk-ownership-rail article small { color: #eec9d5; font-size: 10.5px; font-weight: 900; letter-spacing: .65px; }
.hk-ownership-rail article strong { color: #fffdf8; font-size: 12px; }
.hk-ownership-rail article p span { color: #c6d0c6; font-size: 11px; line-height: 1.45; }

.hk-decision-zone { margin-top: 19px; padding: 30px; border: 1px solid rgba(151,111,54,.26); border-radius: 30px; background: rgba(255,251,246,.92); box-shadow: 0 23px 62px rgba(67,50,32,.09); }
.hk-decision-zone > header { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,.65fr); align-items: end; gap: 50px; padding-bottom: 24px; border-bottom: 1px solid rgba(155,116,59,.2); }
.hk-decision-zone > header > div { display: grid; gap: 6px; }
.hk-decision-zone > header small { color: #97506d; font-size: 10.5px; font-weight: 900; letter-spacing: 1.1px; }
.hk-decision-zone h3 { margin: 0; color: #354537; font: 500 27px/1.16 Georgia,serif; }
.hk-decision-zone h3 em { color: #a34b70; }
.hk-decision-zone > header > p { margin: 0; color: #73685e; font-size: 11.5px; line-height: 1.55; }
.hk-decision-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-top: 23px; }
.hk-decision-grid > article { overflow: hidden; min-height: 214px; padding: 19px; border: 1px solid #ddcfbd; border-radius: 19px; }
.hk-decision-grid article.is-product { background: linear-gradient(145deg,#fff7f9,#f3e3e9); }
.hk-decision-grid article.is-stock { background: linear-gradient(145deg,#f5f8ef,#e9efdf); }
.hk-decision-grid article.is-planning { background: linear-gradient(145deg,#fffaf0,#f2e5cf); }
.hk-decision-grid article > header { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 11px; padding-bottom: 15px; border-bottom: 1px solid rgba(155,116,59,.18); }
.hk-decision-grid article header > b { display: grid; width: 41px; height: 41px; place-items: center; border-radius: 13px; background: #a64f70; color: #fff; font-size: 10px; }
.hk-decision-grid article.is-stock header > b { background: #748852; }
.hk-decision-grid article.is-planning header > b { background: #c09249; color: #2f402f; }
.hk-decision-grid article header > div { display: grid; gap: 3px; }
.hk-decision-grid article header small { color: #876a5d; font-size: 10.5px; font-weight: 900; letter-spacing: .55px; }
.hk-decision-grid article header h4 { margin: 0; color: #3c493d; font: 500 18px/1.15 Georgia,serif; }
.hk-decision-grid article header > span { grid-column: 2; width: fit-content; padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.7); color: #88415f; font-size: 11px; font-weight: 900; }
.hk-decision-grid ul { display: grid; gap: 0; margin: 10px 0 0; padding: 0; list-style: none; }
.hk-decision-grid li { position: relative; min-height: 39px; padding: 11px 0 9px 25px; border-bottom: 1px solid rgba(155,116,59,.16); color: #5e5850; font-size: 11.5px; }
.hk-decision-grid li::before { position: absolute; top: 10px; left: 0; display: grid; width: 17px; height: 17px; place-items: center; border-radius: 6px; background: #f1dce5; color: #87415e; content: "×"; font-size: 11px; font-weight: 900; }
.hk-safety-rule { display: grid; grid-template-columns: 47px minmax(0,1fr) auto; align-items: center; gap: 14px; margin-top: 16px; padding: 17px 19px; border: 1px solid #dfbdca; border-radius: 17px; background: linear-gradient(135deg,#fff0f5,#f1dce5); }
.hk-safety-rule > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 14px; background: #a34b70; color: #fff; font-size: 18px; font-weight: 900; }
.hk-safety-rule > div { display: grid; gap: 4px; }
.hk-safety-rule strong { color: #6e334e; font-size: 12.5px; }
.hk-safety-rule p { margin: 0; color: #765b67; font-size: 11.5px; line-height: 1.45; }
.hk-safety-rule > b { padding: 8px 10px; border-radius: 999px; background: #fff8fb; color: #84405d; font-size: 11px; letter-spacing: .45px; white-space: nowrap; }

/* Video en afsluiting */
.hk-video-section { background: radial-gradient(circle at 91% 13%,rgba(107,125,77,.15),transparent 29rem),radial-gradient(circle at 7% 90%,rgba(185,103,62,.1),transparent 26rem),linear-gradient(135deg,#f9f2ea,#f1e7de 52%,#f8f0e8); }
.hk-video-poster { background: radial-gradient(circle at 82% 17%,rgba(164,77,112,.36),transparent 30%),radial-gradient(circle at 16% 85%,rgba(200,151,75,.16),transparent 28%),linear-gradient(140deg,#3a503e,#29382e 62%,#4e433a) !important; }
.hk-transparency { border-left-color: var(--hk-olive); }
.hk-source-links { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 8px !important; }
.hk-source-links a { color: #794f2f; font-weight: 800; text-decoration: underline; text-decoration-color: rgba(121,79,47,.35); text-underline-offset: 3px; }
.horeko-page .footer-app-copy span,.horeko-page .footer-app-button small { font-size: 10px; }

@media (max-width: 1060px) {
  .hk-hero { grid-template-columns: 1fr; }
  .hk-pulse-card { max-width: 690px; }
  .hk-system-spine { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hk-spine-arrow { display: none; }
  .hk-spine-sources,.hk-spine-core { min-height: 184px; }
  .hk-spine-sources { grid-template-columns: repeat(2,minmax(0,1fr)); grid-column: 1 / -1; }
  .hk-spine-sources article { min-height: 88px; }
  .hk-spine-core { grid-column: span 1; }
  .hk-spine-official { grid-row: 3; }
  .hk-margin-demo,.hk-value-layout,.hk-control-layout,.hk-label-intro,.hk-label-studio-body { grid-template-columns: 1fr; }
  .hk-stock-balance { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
  .hk-cause-rail { grid-column: 1 / -1; }
  .hk-cause-rail ol { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 22px; }
  .hk-forecast-intro,.hk-confidence-intro { grid-template-columns: 1fr; gap: 31px; }
  .hk-price-chain { width: fit-content; }
  .hk-forecast-layout { grid-template-columns: 1fr; }
  .hk-forecast-inputs { width: min(600px,100%); margin-inline: auto; }
  .hk-label-intro { gap: 34px; }
  .hk-label-preview { width: min(670px,100%); margin-inline: auto; }
}

@media (min-width: 1100px) {
  .hk-system-section .hk-wide-heading { max-width: none; }
  .hk-system-title-line { white-space: nowrap; }
}

@media (min-width: 761px) and (max-width: 900px) {
  .horeko-page .proposal-label { display: none; }
  .horeko-page .public-brand { min-width: 0; }
  .hk-confidence-stages,.hk-ownership-rail > div { grid-template-columns: 1fr; }
  .hk-decision-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hk-decision-grid > article:last-child { grid-column: 1 / -1; }
  .hk-confidence-stages::before { display: none; }
  .hk-confidence-stages li.is-current { transform: none; }
  .hk-ownership-rail article { min-height: 104px; border-right: 0; border-bottom: 1px solid rgba(239,208,153,.13); }
  .hk-ownership-rail article:last-child { border-bottom: 0; }
  .hk-decision-zone > header { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 760px) {
  .horeko-page .eyebrow { font-size: 10px; }
  .hk-hero { min-height: 0; }
  .hk-pulse-card { padding: 21px; border-radius: 24px; }
  .hk-pulse-kpis { grid-template-columns: 1fr; }
  .hk-pulse-kpis article { min-height: 100px; }
  .hk-pulse-top,.hk-pulse-footer { align-items: flex-start; flex-direction: column; gap: 9px; }
  .hk-system-section,.hk-margin-section,.hk-value-section,.hk-control-section { padding-top: 84px; padding-bottom: 89px; }
  .hk-system-spine { grid-template-columns: 1fr; }
  .hk-spine-sources { grid-template-columns: 1fr; grid-column: auto; }
  .hk-spine-core { grid-column: auto; }
  .hk-spine-sources,.hk-spine-core { min-height: 0; }
  .hk-spine-official { grid-row: auto; }
  .hk-system-summary { align-items: flex-start; flex-direction: column; }
  .hk-margin-demo { margin-top: 39px; }
  .hk-recipe-card { padding: 21px; }
  .hk-recipe-card > header { grid-template-columns: 48px minmax(0,1fr); }
  .hk-recipe-card header > b { grid-column: 1 / -1; }
  .hk-dish-mark { width: 46px; height: 46px; }
  .hk-scenario-console > header { align-items: flex-start; flex-direction: column; padding: 22px; }
  .hk-scenario-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hk-scenario-result { padding: 22px; }
  .hk-scenario-kpis { grid-template-columns: 1fr; }
  .hk-driver-bars > div { grid-template-columns: 80px minmax(0,1fr) 38px; }
  .hk-scenario-result > footer { align-items: flex-start; flex-direction: column; }
  .hk-stock-section,.hk-forecast-section,.hk-label-section,.hk-boundary-section { padding-top: 84px; padding-bottom: 90px; }
  .hk-stock-intro { grid-template-columns: 1fr; gap: 29px; }
  .hk-stock-alert { min-width: 0; width: 100%; text-align: left; }
  .hk-stock-balance { grid-template-columns: 1fr; margin-top: 38px; }
  .hk-stock-measure { min-height: 300px; }
  .hk-stock-difference { width: 100%; grid-template-columns: auto auto auto; align-items: center; justify-content: center; }
  .hk-cause-rail { grid-column: auto; }
  .hk-cause-rail ol { grid-template-columns: 1fr; }
  .hk-value-layout { margin-top: 39px; }
  .hk-waste-board,.hk-menu-board { padding: 22px; }
  .hk-waste-board > header,.hk-menu-board > header { align-items: flex-start; flex-direction: column; }
  .hk-menu-matrix { grid-template-columns: 1fr; grid-template-rows: none; margin-left: 0; padding-bottom: 0; }
  .hk-menu-matrix::before,.hk-menu-matrix::after,.hk-axis-y,.hk-axis-x { display: none; }
  .hk-quadrant { min-height: 0; }
  .hk-menu-advice { grid-template-columns: 1fr; }
  .hk-price-chain { align-items: flex-start; flex-direction: column; width: 100%; }
  .hk-price-chain i { transform: rotate(90deg); }
  .hk-forecast-layout { gap: 37px; margin-top: 38px; }
  .hk-forecast-inputs { display: grid; min-height: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .hk-forecast-inputs::before,.hk-forecast-inputs::after { display: none; }
  .hk-forecast-center { position: static; width: 100%; height: auto; min-height: 150px; grid-column: 1 / -1; border-radius: 22px; transform: none; }
  .hk-input-chip { position: static; display: grid; min-height: 44px; place-items: center; padding: 8px; border-radius: 13px; text-align: center; }
  .hk-order-proposal > header { align-items: flex-start; flex-direction: column; }
  .hk-order-product { margin: 20px; }
  .hk-order-proposal dl { margin: 0 20px; }
  .hk-hours-panel,.hk-exception-queue { padding: 22px; }
  .hk-hours-panel > header,.hk-exception-queue > header { align-items: flex-start; flex-direction: column; }
  .hk-hours-stats { grid-template-columns: 1fr; }
  .hk-hours-panel > ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hk-exception-queue li { grid-template-columns: 35px minmax(0,1fr); padding: 10px 0; }
  .hk-exception-queue li em { grid-column: 2; justify-self: start; }
  .hk-label-intro { gap: 28px; }
  .hk-label-studio { margin-top: 40px; border-radius: 23px; }
  .hk-label-studio-bar { align-items: flex-start; flex-direction: column; }
  .hk-label-studio-body { padding: 13px; }
  .hk-label-source { grid-template-columns: 1fr; padding: 19px; }
  .hk-label-chips { justify-content: flex-start; }
  .hk-label-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hk-label-flow li:nth-child(2)::after { top: auto; right: 50%; bottom: -9px; display: grid; transform: translateX(50%) rotate(90deg); }
  .hk-label-preview { padding: 18px; }
  .hk-label-studio-footer { align-items: flex-start; flex-direction: column; }
  .hk-label-disclaimer { text-align: left; }
  .hk-confidence-intro { gap: 28px; }
  .hk-confidence-rule { min-height: 0; gap: 16px; padding: 24px; border-radius: 22px; }
  .hk-confidence-rule > em { grid-column: 1 / -1; }
  .hk-confidence-gate,.hk-decision-zone { margin-top: 40px; padding: 20px; border-radius: 23px; }
  .hk-gate-status { align-items: flex-start; flex-direction: column; }
  .hk-confidence-stages,.hk-ownership-rail > div,.hk-decision-grid { grid-template-columns: 1fr; }
  .hk-confidence-stages::before { display: none; }
  .hk-confidence-stages li.is-current { transform: none; }
  .hk-ownership-rail > header { align-items: flex-start; flex-direction: column; gap: 5px; }
  .hk-ownership-rail article { min-height: 104px; border-right: 0; border-bottom: 1px solid rgba(239,208,153,.13); }
  .hk-ownership-rail article:last-child { border-bottom: 0; }
  .hk-decision-zone > header { grid-template-columns: 1fr; gap: 14px; }
  .hk-safety-rule { grid-template-columns: 45px minmax(0,1fr); }
  .hk-safety-rule > b { grid-column: 2; width: fit-content; white-space: normal; }
}

@media (max-width: 430px) {
  .hk-pulse-chart { height: 102px; }
  .hk-pulse-brand strong { font-size: 24px; }
  .hk-recipe-meta { align-items: flex-start; flex-direction: column; }
  .hk-ingredient-list li { grid-template-columns: minmax(100px,1fr) 58px; padding: 8px 0; }
  .hk-ingredient-list li > i { grid-column: 1 / -1; grid-row: 2; }
  .hk-ingredient-list li > strong { grid-column: 2; grid-row: 1; }
  .hk-scenario-tabs { grid-template-columns: 1fr; }
  .hk-scenario-explanation { grid-template-columns: 1fr; }
  .hk-no-action { grid-template-columns: 1fr; }
  .hk-forecast-inputs { grid-template-columns: 1fr; }
  .hk-forecast-center { grid-column: auto; }
  .hk-order-product { grid-template-columns: 1fr; }
  .hk-hours-panel > ul { grid-template-columns: 1fr; }
  .hk-label-status li { grid-template-columns: 12px minmax(0,1fr); padding: 6px 0; }
  .hk-label-status li b { grid-column: 2; text-align: left; }
  .hk-label-flow { grid-template-columns: 1fr; }
  .hk-label-flow li { min-height: 0; grid-template-columns: 43px minmax(0,1fr); align-items: center; }
  .hk-label-flow li > b { top: 10px; right: 11px; }
  .hk-label-flow li:not(:last-child)::after { top: auto; right: 50%; bottom: -9px; transform: translateX(50%) rotate(90deg); }
  .hk-label-flow li:nth-child(2)::after { display: grid; }
  .hk-print-label { padding: 13px; transform: none; }
  .hk-print-label h3 { margin: 8px 0 6px; font-size: 21px; }
  .hk-label-dates span { padding: 5px; }
  .hk-label-ingredients { display: none; }
  .hk-label-allergens { margin-top: 6px; padding: 6px; }
  .hk-label-studio-footer .ss-button { width: 100%; }
  .hk-confidence-rule { grid-template-columns: 1fr; }
  .hk-rule-mark { width: 50px; height: 50px; }
  .hk-confidence-rule > em { grid-column: auto; }
  .hk-gate-status > div { align-items: flex-start; }
  .hk-gate-status h3 { font-size: 23px; }
  .hk-confidence-stages > li { min-height: 0; }
  .hk-ownership-rail article { grid-template-columns: 43px minmax(0,1fr); padding: 17px; }
  .hk-ownership-rail article > b,.hk-ownership-rail article > span { width: 41px; height: 41px; }
  .hk-decision-zone { padding: 18px; }
  .hk-decision-grid > article { min-height: 0; }
  .hk-source-links { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .hk-driver-bars i b,.hk-stock-vessel > i { transition: none; }
}