/* Carry the photographic dashboard into each workspace. */
#screen{--workspace-photo:url('/wine-landscape.webp');--workspace-accent:#842238}
#screen[data-page=academy]{--workspace-photo:url('/wine-academy.webp')}
#screen[data-page=assistant]{--workspace-photo:url('/wine-pairing.webp');--workspace-accent:#a77a32}
#screen[data-page=vineyard]{--workspace-photo:url('/wine-vineyard.webp');--workspace-accent:#326b4e}
#screen:not([data-page=home])>.section-top,#learning-root>.section-top,#grape-root>.section-top{
 position:relative;isolation:isolate;overflow:hidden;min-height:195px;padding:28px 30px;margin:0 0 24px;border-radius:14px;border:1px solid #671c2c22;background:linear-gradient(90deg,#561322f2 0%,#601d2ae8 43%,#52152b10 84%),var(--workspace-photo) center 57%/cover;box-shadow:0 8px 20px #54252d0b;color:#fff;align-items:center;gap:18px;
}
#screen[data-page=vineyard]>.section-top,#screen[data-page=grapes] #grape-root>.section-top{background-image:linear-gradient(90deg,#153f2bf5 0%,#1b4938db 43%,#1738260c 84%),var(--workspace-photo)}
#screen:not([data-page=home])>.section-top>div,#learning-root>.section-top>div,#grape-root>.section-top>div{max-width:68%;position:relative;z-index:1}
#screen:not([data-page=home])>.section-top h1,#learning-root>.section-top h1,#grape-root>.section-top h1{color:white;font:normal 34px/1.16 Georgia,serif;margin:8px 0 12px;letter-spacing:-.6px}
#screen:not([data-page=home])>.section-top p,#learning-root>.section-top p,#grape-root>.section-top p{color:#fff3ec;font-size:12px;line-height:1.7;margin:0}
#screen:not([data-page=home])>.section-top .eyebrow,#learning-root>.section-top .eyebrow,#grape-root>.section-top .eyebrow{display:block;color:#f5ddb4;font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:7px}
#learning-root>.section-top>.btn,#grape-root>.section-top>.btn{align-self:flex-end;position:relative;z-index:1;background:#fffcf7f5;border-color:#e7cd9d;color:#742438;flex-shrink:0}
#screen:not([data-page=home]) .grid-main>.card,#screen:not([data-page=home]) .grid-main>.stack>.card,#screen:not([data-page=home])>.card{border:1px solid #e3d6cf;border-top:3px solid var(--workspace-accent);box-shadow:0 6px 21px #49251c07}
#screen:not([data-page=home]) .card>.section-heading,#screen:not([data-page=home]) .card>h2:not(.question-title){padding-bottom:13px;margin-bottom:17px;border-bottom:1px solid #eadfd6}
#screen:not([data-page=home]) .chip-row,#screen:not([data-page=home]) .view-tabs{padding:11px;border:1px solid #e9dcd3;background:#f2ebe3;border-radius:12px;gap:8px}
#screen:not([data-page=home]) .view-tab:not(.active),#screen:not([data-page=home]) .chip:not(.active){background:#fffdf9}
#screen:not([data-page=home]) .metrics{margin-bottom:22px}
.grape-filters,.learning-filters{padding:20px!important;border:1px solid #dacbb8!important;border-top:3px solid #ad8848!important;background:#fbf6eb!important;border-radius:13px}
.grape-card{border:1px solid #dcded2!important;border-top:4px solid #3a6a4e!important;box-shadow:0 6px 20px #31412408}
.grape-card>h2{color:#284e39}.grape-depth,.grape-check{background:#f8f6f0;border:1px solid #e8dfd2!important;border-radius:9px;margin:11px 0;padding:14px!important}.grape-depth[open],.grape-check[open]{background:#fffdf7}
.learning-grid .card{border:1px solid #e4d8cc;border-top:4px solid #a77f42;box-shadow:0 6px 20px #46291d08;padding:22px}
.learning-grid .card h2{padding-bottom:12px;border-bottom:1px solid #eee2d7}.learning-grid .card .tag{margin-bottom:7px}
.learning-detail{border:1px solid #e1d3c6;border-top:4px solid #9c7139;padding:27px}
.learning-detail>section{background:#fbf8f2;border:1px solid #e9ded0;border-radius:11px;padding:19px 21px;margin:19px 0}
.learning-detail>section>h3{margin-top:0}.learning-goal{background:#f2eadb;border-left:4px solid #b48a43}
.learning-case{border:1px solid #e9d8c4;border-left:4px solid #b48a43}.learning-question{border:1px solid #e7ddd0;border-radius:9px;padding:15px;margin:10px 0;background:#fdfbf7}
#screen[data-page=wines] #wine-scan{background:linear-gradient(105deg,#fbf4ec,#fffdf9);border-left:4px solid #bd9349;margin-bottom:22px}
#screen[data-page=wines] #wine-scan>h2{color:#732335}#screen[data-page=wines] #wine-form-title{color:#732335}
#screen[data-page=settings] .divider{height:2px;background:linear-gradient(90deg,#bd9349,#efe6df);margin:26px 0}
.account-design header{border:1px solid #decab6;border-radius:12px;padding:24px;background:linear-gradient(90deg,#fbf6edfa 0%,#fbf6edf0 58%,#fbf6ed12 100%),url('/wine-landscape.webp') center 58%/cover}
.account-design section{border-top:3px solid #9c693b}.account-design section>h2{padding-bottom:14px;border-bottom:1px solid #e7d9ca}.account-design #admin{border-top-color:#842238}
@media(max-width:800px){
 #screen:not([data-page=home])>.section-top,#learning-root>.section-top,#grape-root>.section-top{min-height:180px;padding:23px 20px;margin-bottom:20px;align-items:flex-start;flex-direction:column;background-position:center,65% center;gap:13px}
 #screen:not([data-page=home])>.section-top>div,#learning-root>.section-top>div,#grape-root>.section-top>div{max-width:100%}
 #screen:not([data-page=home])>.section-top,#learning-root>.section-top,#grape-root>.section-top{background-image:linear-gradient(90deg,#561322f5 0%,#601d2ad9 60%,#52152b69 100%),var(--workspace-photo)}
 #screen[data-page=vineyard]>.section-top,#screen[data-page=grapes] #grape-root>.section-top{background-image:linear-gradient(90deg,#153f2bf5,#1b4938d9 60%,#17382669),var(--workspace-photo)}
 #screen:not([data-page=home])>.section-top h1,#learning-root>.section-top h1,#grape-root>.section-top h1{font-size:29px;line-height:1.2}
 #screen:not([data-page=home])>.section-top p,#learning-root>.section-top p,#grape-root>.section-top p{font-size:12px;max-width:300px}
 #learning-root>.section-top>.btn,#grape-root>.section-top>.btn{align-self:flex-start}
 .learning-detail{padding:19px}.learning-detail>section{padding:16px}.learning-grid .card{padding:19px}.grape-filters,.learning-filters{padding:17px!important}
 .account-design header{padding:20px 15px}.account-design header h1{font-size:25px}
}

/* One banner height across the dashboard and workspaces. */
:root{--page-banner-height:355px}
#screen>.hero,#screen:not([data-page=home])>.section-top,#learning-root>.section-top,#grape-root>.section-top,#cellar-host>.cellar-intro{min-height:var(--page-banner-height);height:var(--page-banner-height);box-sizing:border-box}
#cellar-host>.cellar-intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
@media(max-width:800px){:root{--page-banner-height:355px}}

/* Iedere activiteit heeft een eigen bannerfoto. */
#screen[data-page=learning]{--workspace-photo:url('/wine-library.webp')}
#screen[data-page=grapes]{--workspace-photo:url('/wine-grapes.webp');--workspace-accent:#326b4e}
#screen[data-page=wines]{--workspace-photo:url('/wine-cellar.webp')}
#screen[data-page=settings]{--workspace-photo:url('/wine-calendar.webp')}
.smart-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.smart-columns>div{min-width:0}.smart-columns h3{font:24px Georgia,serif;color:#72243a}.smart-study{margin:20px 0}.smart-study h2,.smart-study h3{font-family:Georgia,serif;line-height:1.4}.smart-study details{padding:15px 0;border-bottom:1px solid #e8dbd1}.smart-selected{outline:3px solid #8a263b;background:#faf0ee}.smart-topics{padding:12px 18px;background:#faf4e9;border-radius:12px;margin:18px 0}.smart-match{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e8dbd1;overflow-wrap:anywhere}.smart-match p{margin:6px 0}.tasting-mode{background:#faf3e9;padding:16px;border-radius:12px}.tasting-self .expected-profile{display:none}.tasting-mode button[aria-pressed=true]{background:#7e2031;color:#fff}.daily-coach{margin:18px 0 24px;background:#fffaf2!important}.learning-path-detail{margin:7px 0 0;font-size:12px}.question-report{margin:12px 0;font-size:13px}.question-report form{display:grid;gap:12px;padding:14px;background:#faf5ee;border-radius:10px}.question-report label{display:grid;gap:6px}.install-panel{margin:24px 0}.offer-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.offer-tabs button{background:#f8eee5;color:#682339;border:1px solid #dbc7bb;padding:12px 18px;border-radius:10px;cursor:pointer}.offer-tabs button[aria-pressed=true]{background:#7d1e34;color:#fff}.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.offer-card{min-width:0;display:flex;flex-direction:column;padding:22px;background:#fffaf2;border:1px solid #e2ccaf;border-radius:14px}.offer-card h4{font:24px Georgia,serif;color:#74283a;margin:13px 0}.offer-kind{letter-spacing:1px;font-size:11px;color:#8d6c43}.offer-price{font:28px Georgia,serif!important;margin:6px 0 14px!important}.offer-price small{display:block;font:12px Arial,sans-serif;margin-top:7px;color:#6f6259}.offer-card ul{padding-left:18px;font-size:14px;line-height:1.7;flex:1}.offer-foot,.offer-note{font-size:13px;line-height:1.65;color:#74645c}.offer-manual{padding:10px;border-radius:8px;background:#eee5d8;font-size:12px;color:#6c5441}.package-offers{border-top:1px solid #ddccbd;margin-top:28px;padding-top:14px}.report-item{padding:16px 0;border-bottom:1px solid #dfd1c4}.report-item label{display:grid;gap:7px}.package-list{padding-left:20px}.package-list li{margin:10px 0}.package-list small{display:block;color:#78655c;margin-top:5px}@media(max-width:800px){.smart-columns{grid-template-columns:1fr;gap:18px}.smart-columns>div+div{padding-top:16px;border-top:1px solid #e8dacb}.offer-grid{grid-template-columns:1fr}.offer-card{padding:18px}.smart-study .option{padding:12px}.smart-study .form-actions .btn{flex:1 1 45%}}
.offer-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.offer-card ul{margin:12px 0 18px;line-height:1.65}.offer-card .offer-price{margin:6px 0!important}.offer-card h4{overflow-wrap:anywhere}.offer-card .offer-foot{margin:8px 0 12px}.offer-card{padding:20px}@media(max-width:700px){.offer-grid{grid-template-columns:1fr}}
.package-choice{padding:24px;margin:24px 0;background:#faf4ea;border:1px solid #e1ccb4;border-radius:16px}.package-choice h3{font:28px Georgia,serif;color:#752338}.choice-goals{border:0;padding:0;margin:20px 0}.choice-goals legend{font-weight:600;margin-bottom:12px}.choice-goals label{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #ddcbb8;background:#fff;border-radius:12px;margin:10px 0}.choice-goals label:has(input:checked){border-color:#7d1e34;background:#fff4ef}.choice-goals input,.choice-confirm input{width:20px!important;height:20px;flex-shrink:0;margin:0!important}.choice-goals small{display:block;margin-top:6px;color:#776457}.choice-study{display:grid;gap:18px;background:#fff;padding:18px;border-radius:12px;margin:20px 0}.choice-study label{display:grid;gap:8px}.package-choice [hidden]{display:none!important}.choice-summary{margin-top:20px}.choice-line{display:flex;justify-content:space-between;gap:18px;background:#fff;padding:18px;border-radius:12px;border:1px solid #e0cbb5;margin:12px 0}.choice-line>strong{white-space:nowrap}.choice-line p{font-size:14px;line-height:1.6;margin:8px 0}.choice-total{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid #d4bda0;font-size:20px}.choice-notice{padding:14px;background:#f3e8d8;border-radius:9px;font-size:14px;line-height:1.6}.choice-confirm{display:flex;gap:12px;padding:15px 0;align-items:flex-start}.request-card{padding:20px;border:1px solid #dfcbb7;border-radius:12px;margin:14px 0}.package-choice .actions{margin:16px 0;flex-wrap:wrap}.offer-card button{margin-top:auto}.package-choice button:disabled{opacity:.55;cursor:default}@media(max-width:600px){.package-choice{padding:16px}.choice-line{flex-direction:column}.choice-total{font-size:18px}.choice-goals label{padding:13px}.package-choice .actions button{width:100%}}
.choice-total>strong{white-space:nowrap}.choice-summary{overflow-wrap:anywhere}.choice-line .mini{color:#7a665b}
.personal-hero{background-image:linear-gradient(90deg,#581321f5,#6a2135db 45%,#4c142510),url('/wine-landscape.webp')!important}.personal-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.personal-grid .learning-path-row{margin:18px 0}.personal-grid .progress{margin:12px 0 8px}.personal-features .module-card{display:flex;flex-direction:column}.personal-features .module-card .btn{margin-top:auto;align-self:flex-start}.personal-discover{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;background:#f3ebdf;border-radius:12px;color:#7d6252;font-size:14px}#side-nav [data-nav=discover]{margin-top:18px;border-top:1px solid #ebddd2;border-radius:0;padding-top:18px}#side-nav [data-nav=discover].active{border-radius:12px}#mobile-nav [hidden],.sidebar [hidden]{display:none!important}#screen[data-page=discover]{--workspace-photo:url('/wine-library.webp')}@media(max-width:800px){.personal-grid{grid-template-columns:1fr}.personal-discover{padding:16px}.personal-discover .btn{width:100%}}
.personal-features .module-card{min-height:0;padding:12px;gap:0}.personal-features .module-visual{display:block;height:135px;flex-shrink:0;margin:0;border-radius:8px}.personal-features .module-card h3{margin:15px 6px 9px;position:static;transform:none}.personal-features .module-card p{margin:0 6px 16px}.personal-features .module-card .btn{margin:0 6px 5px;align-self:flex-start}.personal-features .module-card h3,.personal-features .module-card p{grid-column:auto;grid-row:auto}@media(max-width:800px){.personal-features{display:grid;grid-template-columns:1fr!important}.personal-features .module-card{display:flex;padding:12px}.personal-features .module-visual{height:125px;width:100%}.personal-features .module-card .btn{min-height:42px}}
.daily-coach .smart-columns>div{display:flex;flex-direction:column}
.daily-coach .smart-columns>div>.btn{margin-top:auto;align-self:flex-start}

/* Startpagina: acties en statistieken, 3.6.6 */
.daily-coach{background:linear-gradient(135deg,#fffaf2,#faf5ee)!important}
.daily-coach .section-heading{margin-bottom:22px}
.next-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.next-step-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;background:#fff;border:1px solid #eadbd5;border-top:3px solid #892237;border-radius:15px;box-shadow:0 5px 18px #572b1810}
.next-step-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff0f2;color:#892237;margin-bottom:15px}
.next-step-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.next-step-label{font-size:10px!important;font-weight:700;letter-spacing:1.3px;color:#896960;margin:0 0 10px!important}
.next-step-card h3{font:26px/1.2 Georgia,serif;color:#792438;margin:0 0 16px}
.next-step-card>p:not(.next-step-label){margin:0 0 16px;line-height:1.6}
.next-step-card>.btn{margin-top:auto;min-height:44px}
.next-repeat{border-top-color:#bb8a3e}.next-repeat .next-step-icon{background:#fff5df;color:#a27125}
.next-wine{border-top-color:#34735a}.next-wine .next-step-icon{background:#edf6f0;color:#28664d}
.home-metrics .metric-link{position:relative;appearance:none;width:100%;font-family:inherit;text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #eadbd5;padding-right:92px;transition:box-shadow .15s,border-color .15s}
.home-metrics .metric-link:hover{border-color:#a7606b;box-shadow:0 5px 18px #572b1815}
.home-metrics .metric-link:focus-visible{outline:3px solid #892237;outline-offset:3px}
.metric-destination{position:absolute;right:18px;font-size:11px;font-weight:700;color:#892237}
@media(max-width:1100px){.home-metrics .metric-link{padding-right:12px;padding-bottom:30px}.metric-destination{bottom:10px;right:12px}}
@media(max-width:800px){.next-step-grid{grid-template-columns:1fr;gap:12px}.next-step-card{padding:20px}.next-step-card h3{font-size:24px}.home-metrics .metric-link{text-align:center;padding:12px 4px 31px}.metric-destination{right:0;left:0;bottom:9px;font-size:10px}}

/* Centrale zoekfunctie en terugwegen, oorspronkelijke vormgeving — 3.6.9 */
.coach-search-dialog{width:min(670px,calc(100vw - 28px));max-height:85dvh;padding:24px;border:1px solid #dac5bd;border-radius:18px;background:#fffdfb;color:#35323c;box-shadow:0 20px 90px #32131a55}.coach-search-dialog::backdrop{background:#24151a88}.coach-search-dialog h2{font:28px Georgia,serif;margin:0}.coach-search-dialog label{display:block;font-weight:700;margin:24px 0 8px}.coach-search-dialog input{width:100%;padding:15px;border-radius:10px;border:1px solid #c9afa5;font:inherit}.search-result{position:relative;width:100%;display:flex;flex-direction:column;gap:7px;padding:15px 38px 15px 15px;border:1px solid #e6d6d0;background:white;color:#742138;border-radius:10px;text-align:left;margin-bottom:9px;cursor:pointer;font:inherit}.search-result small{color:#74676c;font-size:11px}.search-result>span{position:absolute;right:16px;top:23px}.search-result:hover,.learning-choice:hover{background:#fff5ed}.home-search:focus-visible,.search-result:focus-visible,.learning-choice:focus-visible{outline:3px solid #92253d;outline-offset:2px}


.return-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.return-row .btn{min-height:44px}.mobile-search-button{display:none}@media(max-width:800px){.mobile-search-button{display:grid;place-items:center;width:40px;height:40px;padding:8px;flex-shrink:0;border:1px solid #e8d4d5;border-radius:10px;background:#fff5f5;color:#842039;cursor:pointer}.mobile-search-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.topbar-right .status-pill{display:none}.coach-search-dialog{padding:18px}.coach-search-dialog h2{font-size:24px}}

/* Aangeleverd app-logo — 3.7.1 */
.brand-official-logo{width:144px;height:144px;object-fit:contain;border-radius:12px}.brand{padding-bottom:17px;gap:10px}.top-mark img{border-radius:7px}.hero-official-emblem{width:108px;height:108px;border-radius:10px;object-fit:contain}.account-design header>a img{width:88px;height:88px;object-fit:contain;border-radius:10px}@media(max-width:800px){.account-design header>a img{width:70px;height:70px}}

/* Slightly larger header logo on phones; desktop sizing unchanged. */
@media(max-width:800px){.topbar .top-mark{width:58px;height:58px;flex:0 0 58px}.topbar .top-mark img{width:58px;height:58px;object-fit:contain}}

/* Wording review: separate the situation from the actual question on all screens. */
.question-description + .question-title{margin-top:18px}.question-description p{white-space:pre-line;line-height:1.6}