/* Content imagery and readable orientation. No automatic animation. */
.visual-page main{--visual-text:#342b2e;--visual-muted:#5f5559;color:var(--visual-text)}
.visual-page .visual-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,74px);align-items:center}
.visual-hero-copy{min-width:0}.visual-page .guide-hero h1,.visual-page .recipes-hero h1{font-size:clamp(37px,4.1vw,60px);line-height:1.1;max-width:100%}
.visual-page .guide-hero-intro,.visual-page .recipes-lead{font-size:20px;line-height:1.65}
.visual-photo{margin:0;min-width:0}.visual-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px}
.visual-photo figcaption,.visual-caption{font-size:14px!important;line-height:1.5;color:#5f5559;margin:9px 2px 0!important}
.visual-page .visual-hero-photo{align-self:center}.visual-hero-photo img{aspect-ratio:4/3}
.visual-page .guide-page-index{font-size:17px;gap:7px 24px}.visual-page .guide-page-index a{min-height:48px;text-decoration:underline;text-underline-offset:5px}
.visual-page main :is(.text-link,.recipe-plain){min-height:44px;align-items:center}
.visual-page main :is(p,li,dd){overflow-wrap:break-word}
.visual-page .knowledge-body :is(p,li),.visual-page .plan-intro,.visual-page .region-intro,.visual-page .guide-tool-intro p,.visual-page .guide-question-note,.visual-page .recipe-body,.visual-page .recipe-description{font-size:18px;line-height:1.7;color:var(--visual-text)}
.visual-page .knowledge-topic summary p{font-size:17px;line-height:1.6;color:var(--visual-muted)}
.visual-page .knowledge-small,.visual-page .small-copy,.visual-page .recipe-small,.visual-page .region-source-note,.visual-page .guide-example-note,.visual-page .knowledge-source-link,.visual-page .guide-privacy,.visual-page .recipe-meta{font-size:16px!important;line-height:1.6}
.visual-page .recipe-meta{color:#5f5559}.visual-page .recipe-card-actions .recipe-plain{font-size:17px}
.visual-page .guide-choice strong{font-size:18px}.visual-page .guide-choice small{font-size:16px}
.visual-steps{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.visual-steps li{display:flex;align-items:flex-start;gap:14px;padding:22px;background:var(--soft);border-radius:18px;border:1px solid var(--line)}
.visual-steps li>span{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--wine);color:#fff;font-size:18px;font-weight:700}
.visual-steps strong{font-size:19px;line-height:1.3}.visual-steps p{font-size:17px;line-height:1.6;margin-top:8px}
.visual-page .guide-visit .visual-photo{margin-bottom:20px}.visual-page .guide-visit .visual-photo img{border-radius:15px;aspect-ratio:3/2}
.visual-page .plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.plan-idea-group{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:22px}
.plan-idea-group .visual-photo{margin-bottom:22px}.plan-idea-group .visual-photo img{aspect-ratio:16/9;border-radius:15px}
.plan-idea-group h3{font-size:26px;line-height:1.25;margin:0 0 18px}
.visual-page .plan-idea{display:flex;align-items:flex-start;margin-top:10px;font-size:18px;min-height:60px;padding:15px 12px}
.plan-idea-group:not(:has(.plan-idea:not([hidden]))){display:none}
.visual-page .knowledge-topic>summary{padding-right:24px}.knowledge-topic .visual-topic-art{display:block;width:130px;height:85px;object-fit:contain;margin-bottom:15px;border-radius:14px}
.visual-page .knowledge-topic summary:after{font-size:28px}
.visual-digital{margin-bottom:26px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.visual-digital .visual-art{width:100%;height:auto;display:block;border-radius:18px}
.visual-three-labels{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;counter-reset:shortsteps;padding:0!important;margin:18px 0 0!important}
.visual-three-labels li{font-size:17px!important;line-height:1.5!important;counter-increment:shortsteps}
.visual-three-labels li:before{content:counter(shortsteps) ". ";font-weight:700;color:var(--wine)}
.visual-page .digital-guides{counter-reset:digital}.visual-page .digital-guides>article{padding:30px}
.visual-page .digital-guides .knowledge-body>ol{list-style:none;counter-reset:longsteps;padding:0}
.visual-page .digital-guides .knowledge-body>ol>li{position:relative;padding-left:43px;margin:0 0 24px;counter-increment:longsteps;font-size:19px}
.visual-page .digital-guides .knowledge-body>ol>li:before{content:counter(longsteps);position:absolute;left:0;top:2px;width:29px;height:29px;border-radius:50%;background:var(--wine);color:white;text-align:center;font-size:16px;font-weight:700;line-height:29px}
.visual-page .news-article .visual-news-art{width:100%;max-width:700px;height:auto;display:block;border-radius:20px;margin-bottom:25px}
.visual-page .region-excursion .visual-place-art{display:block;width:100%;height:150px;object-fit:contain;border-radius:18px;margin-bottom:20px}
.visual-page .recipe-photo{margin:0}.recipe-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px 22px 0 0}
.recipe-photo figcaption{padding:9px 24px 0;font-size:14px;line-height:1.5;color:#5f5559}
.visual-page .recipes-collection .recipe-section-heading p,.visual-page .recipe-filter-grid label{font-size:18px}
.visual-page .recipe-ingredients li{font-size:18px}.visual-page .recipe-steps li{margin-bottom:18px}
.visual-page .recipe-grid{gap:28px}
.alltag-hub-card .visual-home-art{display:block;width:100%;height:150px;object-fit:contain;border-radius:14px;margin:0 0 20px}
.visual-page main :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--wine);outline-offset:4px}
@media(max-width:900px){.visual-steps{grid-template-columns:1fr}.visual-page .plan-list{grid-template-columns:1fr}.visual-steps li{padding:20px}}
@media(max-width:760px){.visual-page .visual-hero-layout{grid-template-columns:1fr;gap:27px}.visual-page .guide-hero h1,.visual-page .recipes-hero h1{font-size:clamp(35px,9.2vw,48px)}.visual-page .guide-hero-intro,.visual-page .recipes-lead{font-size:19px}.visual-page .visual-hero-photo img{aspect-ratio:3/2;border-radius:20px}.visual-page .guide-page-index{font-size:16px;gap:2px 20px}.visual-page .plan-idea-group{padding:19px}.visual-page .digital-guides>article{padding:23px 19px}.visual-three-labels{gap:10px}.visual-three-labels li{font-size:16px!important}.visual-page .recipe-card-actions{display:grid;grid-template-columns:1fr;gap:0;padding-bottom:10px}.visual-page .recipe-card-actions .text-link{width:fit-content;font-size:17px}.visual-page .guide-toolbar{flex-wrap:wrap}.visual-page .guide-toolbar p,.visual-page .guide-toolbar .text-link{font-size:16px}.visual-page .guide-controls .button{font-size:17px;min-height:48px}.visual-page .knowledge-source-link{overflow-wrap:anywhere}.visual-page .knowledge-topic h3{font-size:25px}.visual-page .recipe-body,.visual-page .recipe-description{font-size:18px}.visual-page .recipe-day label{font-size:16px}.visual-page .recipe-day select{font-size:17px}}
@media(prefers-reduced-motion:reduce){.visual-page main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.visual-page .visual-hero-photo,.visual-page .visual-steps,.visual-page .visual-art,.visual-page .visual-photo,.visual-page .recipe-photo,.visual-page .visual-topic-art,.visual-page .visual-news-art,.visual-page .visual-place-art,.visual-page .visual-digital{display:none!important}.visual-page .visual-hero-layout{display:block}.visual-page .recipe-body,.visual-page .recipe-description,.visual-page .recipe-ingredients li{font-size:10pt;line-height:1.35}.visual-page .recipe-meta{font-size:9pt!important}.visual-page .recipe-steps li{margin-bottom:2mm}.visual-page .plan-list{display:block}.visual-page .plan-idea-group{break-inside:avoid}}


.recipe-image-note{font-size:17px;line-height:1.6;margin:20px 0 25px;color:#5f5559}
@media print{.visual-page .recipe-small,.visual-page .knowledge-small,.visual-page .small-copy,.visual-page .knowledge-source-link{font-size:9pt!important}.recipe-image-note{display:none!important}}

@media screen and (max-width:380px){.visual-three-labels{display:block}.visual-three-labels li{margin:9px 0}}