:root{--bg:#ffffff;--panel:#f7fafc;--panel-2:#f2f6f9;--text:#1d4052;--muted:#5e7682;--brand:#fc8550;--brand-2:#1d4052;--accent:#fc8550;--bb-ring:#e6edf2;--bb-radius:16px;--bb-radius-inner:12px;--bb-bg:var(--panel);--bb-border:var(--ring);--bb-text:var(--text);--bb-muted:var(--muted);--ring:#e6edf2;--radius:16px;--radius-inner:calc(var(--radius) - 6px);--shadow:0 8px 24px rgba(29,64,82,.08);--bb-btn-offset:16px;--bp-sm:700px;--bp-md:900px;--bp-lg:1200px}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;font-size:18px}body{margin:0;font-family:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);accent-color:var(--brand);overflow-wrap:break-word}h1,h2,h3,h4,.feature-card__title,.feature-card__intro,.article-card__title,.article-card__excerpt,.article-row__title,.article-row__excerpt,.tile__title,.bb-linkgrid__title,.bb-linkgrid__meta,.cta-card__title,.cta-card__sub,.article--post p,.article--post li,.article--post td{-webkit-hyphens:auto;hyphens:auto}.cq{container-type:inline-size}.story-content,.story-content *,pre,code,kbd,samp{-webkit-hyphens:manual;hyphens:manual}h1,h2,h3,h4{font-family:'Fredoka',system-ui,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}#reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--brand) 0%,#ffb07a 100%);z-index:9999;transition:width 0.1s linear;pointer-events:none}.header{position:sticky;top:0;z-index:40;backdrop-filter:saturate(120%) blur(6px);background:rgba(255,255,255,0.3);border-bottom:1px solid var(--ring)}.header__inner{display:flex;align-items:center;gap:16px;padding:14px clamp(14px,4vw,28px);max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center}.logo img{display:block;max-height:56px;height:auto;width:auto}.sidebar__logo{display:flex;align-items:center;padding:4px 10px 12px}.sidebar__logo img{display:block;max-height:72px;height:auto;width:auto}@media (min-width: 981px){.header{display:none}}.search{flex:1 1 auto;max-width:720px;position:relative}.search input{width:100%;padding:12px 40px 12px 14px;border-radius:12px;border:1px solid var(--ring);background:#fff;color:var(--text);outline:none;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.search svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.7}.search-form{display:flex;gap:10px;margin-block:1.5rem}.search-form input[type="search"]{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--ring);background:#fff;color:var(--text);font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-form input[type="search"]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.search-form button{padding:12px 24px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.search-form button:hover{opacity:.85}.search-empty{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding:2rem 1rem}.search-empty__img{width:120px;height:auto;opacity:.85}.search-empty__text{max-width:480px;color:var(--text-muted,#666);line-height:1.6}.header__actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid var(--ring);color:var(--text);transition:background-color .15s ease,box-shadow .15s ease,transform .03s ease}.btn--primary{background:linear-gradient(180deg,var(--brand),#f56f32);color:#fff;border-color:var(--brand)}.btn:hover{background:#f7fafc}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;max-width:1400px;margin:24px auto;padding:0 clamp(14px,4vw,28px)}.sidebar{position:relative}.sidebar svg{width:1.25rem;height:1.25rem}.sidebar svg,.sidebar svg *{fill:none}.sidebar a{color:#1d4052}.sidebar a.active{color:#fc8550}.sidebar__inner{position:sticky;top:16px;display:flex;flex-direction:column;gap:8px}@media (min-width: 981px){.sidebar__inner{max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sidebar__inner::-webkit-scrollbar{width:0;height:0}}.nav{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--ring);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.nav a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;color:var(--text);font-size:15px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.nav a:hover,.nav a:focus-visible{background:var(--brand);color:#0b0d10;border-color:rgba(0,0,0,.08);outline:none}.nav a.active,.nav a[aria-current="page"]{background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand-2);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--ring));font-weight:600;box-shadow:inset 3px 0 0 var(--brand)}.nav svg{opacity:.9}.nav-group{display:flex;flex-direction:column}.nav-group__head{display:flex;align-items:center;gap:2px}.nav .nav-group__link{flex:1 1 auto;min-width:0}.nav-group__chevron{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;align-self:stretch;border-radius:12px;cursor:pointer;color:var(--text);transition:background-color .15s ease,color .15s ease}.nav-group__chevron:hover,.nav-group__chevron:focus-visible{background:var(--brand);color:#0b0d10;outline:none}.nav-group__chevron svg{transition:transform .2s ease}.nav-group__panel{display:none;flex-direction:column}.nav-group__toggle:checked ~ .nav-group__panel{display:flex}.nav-group__toggle:checked ~ .nav-group__head .nav-group__chevron svg{transform:rotate(180deg)}.nav .nav-group__child{padding-left:34px;font-size:14px}.nav .nav-group__child svg{width:1.05rem;height:1.05rem;opacity:.7}.grid{display:grid;gap:18px;align-content:start;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tile{position:relative;border-radius:var(--radius);overflow:hidden;min-height:clamp(260px,35vh,380px);isolation:isolate;background:#fff;border:1px solid var(--ring);box-shadow:var(--shadow)}.tile[style*="--bg:"]{--tile-bg:var(--bg)}.tile::before{content:"";position:absolute;inset:0;z-index:0;transition:transform .5s ease;background-image:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.28) 80%,rgba(0,0,0,.45) 100%),var(--tile-bg,none);background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat}.tile:hover::before{transform:scale(1.05)}.tile__badge{position:absolute;top:10px;left:10px;z-index:2;padding:6px 10px;font-size:12px;letter-spacing:.3px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--brand-2);backdrop-filter:blur(6px);border:1px solid var(--ring)}.tile__title{position:absolute;inset:auto 12px 12px 12px;z-index:2;font-weight:700;line-height:1.25;font-size:clamp(20px,1.6vw + 10px,24px);color:var(--brand-2);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);opacity:.85;padding:10px 12px;border-radius:var(--radius-inner);border:1px solid var(--ring);text-shadow:none;transition:opacity 0.2s,background 0.2s}.tile:hover .tile__title{opacity:1;background:rgba(255,255,255,.96);border-color:color-mix(in srgb,var(--brand) 30%,var(--ring))}.tile__title::after{content:' →';font-size:0.75em;color:var(--brand);opacity:0;transition:opacity 0.2s,transform 0.2s;display:inline-block}.tile:hover .tile__title::after{opacity:1;transform:translateX(3px)}.tile__number{position:absolute;top:0;right:10px;z-index:2;padding:6px;font-size:150px;font-weight:bold;color:rgba(255,255,255,.4)}.tile__link{position:absolute;inset:0;z-index:3;border-radius:var(--radius);outline:none;box-shadow:none}.tile:focus-within{outline:2px solid var(--brand);outline-offset:3px}.article{grid-column:1 / -1;background:#fff;border:1px solid var(--ring);border-radius:var(--radius);padding:clamp(16px,3vw,32px);box-shadow:var(--shadow);margin-block-end:18px}.article h1{margin:0 0 6px;font-size:clamp(28px,2.2vw + 12px,44px);color:var(--brand-2)}.article .meta{color:var(--muted);font-size:14px;margin-bottom:14px}.article p{line-height:1.7;color:#213f50}.article .article__banner{position:relative;margin:0 0 20px 0;display:block;height:200px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;width:calc(100% + (var(--article-pad) * 2));transform:translateX(calc(var(--article-pad) * -1))}.article .article__banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.article__banner-outer{position:relative;margin:0 0 20px 0}.article__banner-outer .article__banner{margin:0}.article__byline{display:flex;align-items:center;gap:5px;font-size:0.72rem;color:var(--muted);margin:0.25rem 0 1.5rem 0;padding:0;background:none;border:none;border-radius:0}.article__byline::before{content:'✎';font-size:0.95em;opacity:0.6}.article__byline time{color:var(--brand-2);font-weight:600}.article.article--bleed{--article-pad:clamp(16px,3vw,32px);padding:0 var(--article-pad) var(--article-pad);overflow:hidden;border-radius:var(--radius)}.article .content{max-width:72ch;margin-inline:auto}.article h1{font-size:clamp(30px,2.6vw + 12px,48px);line-height:1.15;margin:0 0 .5em;color:var(--brand-2)}.article h2:not([class]){font-size:clamp(22px,1.2vw + 14px,30px);margin:1.8em 0 0;color:#0b2a3a}.article h2:not([class])::before{content:'';display:block;width:32px;height:3px;background:var(--brand);border-radius:2px;margin-bottom:9px}.article h2:not([class])::after{content:'';display:block;border-bottom:1px dashed color-mix(in srgb,var(--brand-2) 22%,transparent);margin-top:12px;margin-bottom:0.55em}.article h3:not([class]){font-size:clamp(18px,.9vw + 12px,22px);margin:1.4em 0 .4em;color:#13384a}.article h3:not([class])::after{content:'';display:block;border-bottom:1px dashed color-mix(in srgb,var(--brand-2) 12%,transparent);margin-top:7px;margin-bottom:0.3em}.article p,.article li{color:#213f50;line-height:1.75}.article strong{color:var(--brand-2);font-weight:700}.article>p,.article p + p{margin-bottom:1em}.article h2:not([class]) + p{margin-top:0.4em}.heading-anchor{margin-left:8px;font-size:0.7em;font-weight:400;color:var(--brand);opacity:0;transition:opacity 0.15s;text-decoration:none;vertical-align:middle}.article h2:hover .heading-anchor{opacity:1}.banner__breadcrumb{position:absolute;bottom:10px;left:12px;z-index:2}.banner__breadcrumb .bb-breadcrumb{display:inline-flex;background:rgba(0,0,0,0.42);backdrop-filter:blur(4px);border:none;border-radius:20px;padding:3px 10px;margin:0;gap:4px;font-size:0.7rem}.banner__breadcrumb .bb-crumb{color:rgba(255,255,255,0.9);font-weight:600}.banner__breadcrumb .bb-crumb:hover{color:#fff}.banner__breadcrumb .bb-sep{color:rgba(255,255,255,0.5)}.article__reading-time{position:absolute;top:10px;right:12px;font-size:0.7rem;font-weight:600;color:#fff;background:rgba(0,0,0,0.42);backdrop-filter:blur(4px);padding:3px 9px;border-radius:20px;letter-spacing:0.02em;pointer-events:none}@media (max-width: 560px){.article__reading-time{bottom:auto;top:10px}}.article--post>p:first-of-type{font-size:1.06rem;color:#1b3648;border-left:3px solid var(--brand);padding-left:14px;margin-bottom:1.6em}.article img,.article figure{width:100%;height:auto;border-radius:12px}.article figure{margin:1.2em 0}.article figcaption{color:var(--muted);font-size:13px;margin-top:6px}.article blockquote{position:relative;margin:1.8em 0;padding:20px 22px 18px 52px;background:linear-gradient(135deg,#fffaf7 0%,#f6fafd 100%);border:1px solid var(--ring);border-left:4px solid var(--brand);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--brand-2);font-style:italic;font-size:1.02em;line-height:1.65}.article blockquote::before{content:'\201C';position:absolute;left:12px;top:6px;font-size:3.2rem;line-height:1;color:var(--brand);opacity:0.35;font-style:normal;font-family:Georgia,serif}.article blockquote cite{display:block;margin-top:10px;font-size:0.82em;font-style:normal;color:var(--muted)}.article blockquote cite::before{content:'— '}.article code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;background:color-mix(in srgb,var(--brand) 8%,#fff);border:1px solid color-mix(in srgb,var(--brand) 20%,var(--ring));color:#b84800;border-radius:6px;padding:.1em .35em;font-size:0.88em}.article pre{background:#0f141a0a;border:1px solid var(--ring);padding:14px;border-radius:12px;overflow:auto}.article pre code{background:none;border:none;color:inherit;padding:0;font-size:inherit}.article hr{border:0;margin:2rem 0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--ring) 20%,color-mix(in srgb,var(--brand) 30%,var(--ring)) 50%,var(--ring) 80%,transparent 100%)}.article ol:not(.toc__list){list-style:none;padding-left:0;counter-reset:article-ol}.article ol:not(.toc__list)>li{counter-increment:article-ol;position:relative;padding-left:29px}.article ol:not(.toc__list)>li::before{content:counter(article-ol);position:absolute;left:0;top:3px;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;background:var(--brand);color:#fff;font-size:0.6rem;font-weight:700;border-radius:5px}.article ul:not([class]){list-style:none;padding-left:0}.article ul:not([class])>li{position:relative;padding-left:18px}.article ul:not([class])>li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--brand);border-radius:3px}.faq{border:1px solid var(--ring);border-top:3px solid var(--brand);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);margin:2rem 0 1.8rem;overflow:hidden}.faq__heading{display:flex;align-items:center;gap:8px;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--brand-2);background:var(--panel);border-bottom:1px solid var(--ring);padding:11px 16px;margin:0}.faq__heading::before{content:'?';font-size:0.8rem;font-weight:900;color:var(--brand)}.faq__item{border-bottom:1px solid var(--ring)}.faq__item:last-child{border-bottom:none}.faq__question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;font-weight:600;font-size:0.88rem;color:var(--brand-2);cursor:pointer;list-style:none;user-select:none;background:#fff;transition:background 0.15s}.faq__question::-webkit-details-marker{display:none}.faq__question::after{content:'▸';font-size:0.65rem;color:var(--muted);flex-shrink:0;transition:transform 0.2s}.faq__item[open] .faq__question{background:var(--panel)}.faq__item[open] .faq__question::after{transform:rotate(90deg)}.faq__question:hover{background:var(--panel)}.faq__answer{padding:12px 16px 14px;font-size:0.88rem;line-height:1.65;color:#213f50;background:#fff;border-top:1px solid var(--ring)}.toc{border:1px solid var(--ring);border-top:3px solid var(--brand);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);margin:0 0 1.8rem;overflow:hidden}.toc__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--brand-2);background:var(--panel);border-bottom:1px solid var(--ring);padding:11px 16px;cursor:pointer;user-select:none;list-style:none}.toc__title::-webkit-details-marker{display:none}.toc__title::before{content:'☰';font-size:0.85rem;color:var(--brand);font-style:normal}.toc__title::after{content:'▸';font-size:0.65rem;color:var(--muted);margin-left:auto;transition:transform 0.2s}.toc[open] .toc__title::after{transform:rotate(90deg)}.toc__list{list-style:none;margin:0;padding:10px 16px 14px;display:flex;flex-direction:column;gap:3px;counter-reset:toc}.toc__list li{counter-increment:toc;display:flex;align-items:flex-start;gap:10px}.toc__list li::before{content:counter(toc);display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;background:var(--brand);color:#fff;font-size:0.6rem;font-weight:700;border-radius:5px;flex-shrink:0;margin-top:2px}.toc__list a{color:var(--brand-2);text-decoration:none;font-size:0.85rem;line-height:1.45}.toc__list a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.article textarea{display:block;width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:0.82rem;line-height:1.7;color:var(--brand-2);background:#f7fbfd;border:1px solid var(--ring);border-left:4px solid var(--brand-2);border-radius:10px;padding:14px 16px;margin:0.8rem 0 1.2rem;resize:none;cursor:text;outline:none}.article textarea:focus{border-color:var(--ring);border-left-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(252,133,80,.15)}.article details{border:1px solid var(--ring);border-radius:12px;background:#fff;margin:1rem 0;overflow:hidden;box-shadow:var(--shadow)}.article summary{padding:11px 16px;cursor:pointer;font-weight:600;font-size:0.9rem;color:var(--brand-2);background:#f7fbfd;list-style:none;display:flex;align-items:center;gap:8px;user-select:none}.article summary::-webkit-details-marker{display:none}.article summary::before{content:'▶';font-size:0.6rem;color:var(--brand);transition:transform .2s ease;flex-shrink:0}.article details[open] summary::before{transform:rotate(90deg)}.article details[open] summary{border-bottom:1px solid var(--ring)}.article details>:not(summary){padding:12px 16px}.inlink{color:var(--brand-2);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px;text-decoration-thickness:2px;transition:color 0.15s}.inlink::after{content:' →';font-size:0.8em;color:var(--brand);opacity:0.7;transition:opacity 0.15s,transform 0.15s;display:inline-block}.inlink:hover{color:var(--brand)}.inlink:hover::after{opacity:1;transform:translateX(3px)}.article .meta{color:var(--muted);font-size:14px;margin:.6em 0 1.2em}.article .scroll{overflow:auto;border:1px solid var(--ring);border-radius:12px;background:#fff}.article table{width:100%;border-collapse:collapse;font-size:0.88rem}.article th,.article td{padding:10px 14px;border-bottom:1px solid var(--ring);text-align:left}.article thead th{position:sticky;top:0;background:var(--brand-2);color:#fff;font-weight:700;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em}.article tbody tr:nth-child(even){background:#f7fbfd}.article tbody tr:hover{background:#fff4ee;transition:background .1s}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2rem 0;border-radius:var(--radius);border:1px solid var(--ring);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;font-size:0.88rem;line-height:1.45}.table thead th{background:var(--brand-2);color:#fff;font-weight:700;padding:11px 14px;text-align:left;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap}.table tbody tr:nth-child(even){background:#f7fbfd}.table tbody tr:hover{background:#fff4ee;transition:background .1s}.table td{padding:10px 14px;border-bottom:1px solid var(--ring);vertical-align:top}.table tbody tr:last-child td{border-bottom:none}.table td:first-child{font-weight:700;color:var(--brand-2);white-space:nowrap}.articles-box{border:1px solid var(--ring);border-top:3px solid var(--brand);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;margin-block:0 clamp(14px,2.5vw,24px)}.articles-box__head{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,1.5vw,14px) clamp(12px,2vw,16px) 0}h2.articles-box__title{margin:0;font-weight:700;color:var(--brand-2);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em}h2.articles-box__title::before{content:'★ ';color:var(--brand);font-size:0.7rem}.articles-list{list-style:none;margin:0;padding:clamp(10px,1.5vw,14px) clamp(12px,2vw,16px);display:grid;gap:0}.articles-list>li{padding:10px 6px;margin:0 -6px;border-top:1px solid var(--ring);border-radius:var(--radius-inner);transition:background .15s}.articles-list>li:hover{background:var(--panel)}.articles-list>li:first-child{border-top:0;padding-top:6px}.article-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.article-row__thumb{--thumb:3cm;inline-size:var(--thumb);block-size:var(--thumb);border-radius:12px;overflow:hidden;background:#f3f6f9;border:1px solid var(--ring);vertical-align:top}.article-row__thumb a{display:block;inline-size:100%;block-size:100%}.article-row__thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:0}.article-row__thumb a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.article-row__body{display:flex;flex-direction:column;gap:4px;min-width:0}h2.article-row__title{margin:0;font-weight:700;color:#0b2a3a;font-size:clamp(14px,.9vw + 12px,18px);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-row__meta{color:var(--muted);font-size:12px}.article-row__excerpt{margin:0;color:#274657;font-size:14px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.article-row__read{width:max-content;margin-top:2px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 25%,var(--ring));text-decoration:none;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,gap .15s}.article-row__read::after{content:'→';font-size:0.85em;transition:transform .15s}.article-row__read:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.article-row__read:hover::after{transform:translateX(3px)}.article-row__read:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (max-width: 700px){.article-row{gap:10px}.article-row__excerpt{-webkit-line-clamp:5}}.listgrid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:clamp(16px,3vw,32px)}.listgrid>*:only-child{grid-column:1 / -1}.listgrid:has(>*:only-child){grid-template-columns:1fr}@media (max-width: 900px){.listgrid{grid-template-columns:1fr}}.media-card{position:relative;display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:14px;align-items:stretch;background:#fff;border:1px solid var(--ring);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(10px,1.2vw,14px);overflow:hidden;transition:transform .06s ease,box-shadow .15s ease,border-color .15s ease}.media-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(29,64,82,.13),0 2px 8px rgba(29,64,82,.07);border-color:color-mix(in srgb,var(--brand) 35%,var(--ring))}.media-card:focus-within{outline:2px solid var(--brand);outline-offset:3px}.media-card :where(h3,p,.meta){margin:0}.media-card__img{position:relative;width:100%;background:#f3f6f9;overflow:hidden;border-radius:var(--radius-inner)}.media-card__img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.media-card__body{display:flex;flex-direction:column;gap:8px;padding:0}.media-card__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-2)}.media-card__title{margin:0;font-size:clamp(16px,1.2vw + 10px,20px);color:#0b2a3a;line-height:1.3}.media-card__meta{color:var(--muted);font-size:13px}.media-card__excerpt{color:#274657;line-height:1.55}.media-card__link{position:absolute;inset:0;z-index:2;border-radius:inherit}@media (max-width: 700px){.media-card{grid-template-columns:1fr;gap:10px;align-items:start}.media-card__img{grid-column:1 / -1;width:100%;height:clamp(160px,45vw,260px);aspect-ratio:auto;max-height:260px;border-radius:var(--radius-inner);overflow:hidden}.media-card__img img{width:100%;height:100%;object-fit:cover;object-position:center}.media-card__body{grid-column:1 / -1;padding:0 2px 2px}}@media (min-width: 701px){.media-card{grid-template-columns:200px 1fr}.media-card__img{aspect-ratio:auto;height:clamp(120px,18vh,180px);max-height:200px}}.media-card--sm .media-card__img{height:120px;aspect-ratio:auto}.media-card--md .media-card__img{height:160px;aspect-ratio:auto}.media-card--lg .media-card__img{height:200px;aspect-ratio:auto}.article-grid{display:grid;gap:20px;grid-template-columns:repeat(6,1fr);margin-block:clamp(16px,3vw,32px)}@media (min-width: 961px){.article-grid>.article-card{grid-column:span 2}.article-grid>.article-card:last-child:nth-child(3n+1){grid-column:1 / -1}.article-grid:not(.article-grid--pair)>.article-card:nth-child(3n+1):nth-last-child(2){grid-column:span 3}.article-grid:not(.article-grid--pair)>.article-card:last-child:nth-child(3n+2){grid-column:span 3}}@media (min-width: 541px) and (max-width: 960px){.article-grid>.article-card{grid-column:span 3}.article-grid>.article-card:last-child:nth-child(2n+1){grid-column:1 / -1}}.article-grid--solo{grid-template-columns:1fr}.article-grid--pair{grid-template-columns:repeat(2,1fr)}@media (min-width: 541px){.article-grid--solo>.article-card,.article-grid--pair>.article-card{grid-column:auto}}@media (max-width: 540px){.article-grid,.article-grid--solo,.article-grid--pair{grid-template-columns:1fr}.article-grid>.article-card{grid-column:auto}}.cta-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-block:clamp(16px,3vw,28px)}@container (min-width: 760px){.cta-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}@supports not (container-type: inline-size){@media (min-width: 1100px){.cta-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}}.cta-card{display:flex;flex-direction:column;gap:6px;padding:clamp(16px,2.5vw,24px);border-radius:var(--radius);border:1px solid var(--ring);border-top:4px solid var(--brand);background:#fff;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.cta-card:hover{background:var(--brand);transform:translateY(-3px);box-shadow:0 10px 32px rgba(252,133,80,.3)}.cta-card:hover .cta-card__title,.cta-card:hover .cta-card__sub{color:#fff}.cta-card__title{font-size:clamp(16px,1.5vw + 10px,20px);font-weight:700;color:var(--brand-2);display:flex;align-items:center;gap:8px}.cta-card__title::after{content:'→';font-size:0.85em;color:var(--brand);transition:transform .15s,color .15s}.cta-card:hover .cta-card__title::after{transform:translateX(4px);color:#fff}.cta-card__sub{font-size:16px;color:var(--muted)}.article-grid__heading{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-top:12px;border-top:1px solid var(--ring);margin:0}.article-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--ring);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.article-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(29,64,82,.12);border-color:color-mix(in srgb,var(--brand) 35%,var(--ring))}.article-card__img{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#f0f4f7;flex-shrink:0}.article-card__img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:0;transition:transform .35s ease}.article-card:hover .article-card__img img{transform:scale(1.04)}.article-card__body{display:flex;flex-direction:column;gap:6px;padding:clamp(12px,1.4vw,16px);flex:1}.article-card__eyebrow{position:absolute;top:10px;left:10px;z-index:2;display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#fff;background:rgba(0,0,0,0.45);backdrop-filter:blur(4px);border-radius:20px;padding:3px 9px;pointer-events:none}.badge-season{position:absolute;top:10px;right:10px;z-index:2;display:inline-block;background:#fc8550;color:#fff;font-size:.72rem;font-weight:700;line-height:1.3;padding:2px 8px;border-radius:999px;pointer-events:none}h2.article-card__title{margin:0;font-size:clamp(15px,1vw + 10px,18px);color:#0b2a3a;line-height:1.35}.article-card__title a{color:inherit;text-decoration:none}.article-card__title a:hover{text-decoration:underline}.article-card__excerpt{margin:0;color:#4a6070;font-size:16px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__times{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:auto;padding-top:8px;font-size:0.72rem;color:#9aabb5;line-height:1.4}.article-card__times-sep{color:#d0dde3}.article-card__times-veg{color:#5a9e6f}.article-card__times-meat{color:#b07050}.article-card__overlay{position:absolute;inset:0;z-index:2;border-radius:inherit}.article-card:focus-within{outline:2px solid var(--brand);outline-offset:3px}@media (prefers-reduced-motion: reduce){.article-card,.article-card__img img{transition:none}}.feature-list{display:grid;gap:20px;margin-block:clamp(16px,3vw,32px)}.feature-list--hero{max-width:560px;margin-inline:auto}.feature-list__heading{margin:0 0 4px;color:var(--brand-2)}.feature-card{position:relative;display:flex;background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--ring);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(29,64,82,.12);border-color:color-mix(in srgb,var(--brand) 35%,var(--ring))}.feature-card__img{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f0f4f7;flex-shrink:0}.feature-card__img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}.feature-card:hover .feature-card__img img{transform:scale(1.04)}.feature-card__eyebrow{position:absolute;top:10px;left:10px;z-index:2;display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#fff;background:rgba(0,0,0,0.45);backdrop-filter:blur(4px);border-radius:20px;padding:3px 9px;pointer-events:none}.feature-card__body{display:flex;flex-direction:column;gap:8px;padding:clamp(16px,2vw,24px);justify-content:center;flex:1;min-width:0}h2.feature-card__title{margin:0;font-size:clamp(18px,1.2vw + 12px,24px);color:#0b2a3a;line-height:1.3}.feature-card__title a{color:inherit;text-decoration:none}.feature-card__title a:hover{text-decoration:underline}.feature-card__intro{margin:0;color:#4a6070;font-size:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.feature-card__cta{margin-top:2px;font-weight:700;font-size:14px;color:var(--brand)}.feature-card__overlay{position:absolute;inset:0;z-index:2;border-radius:inherit}.feature-card:focus-within{outline:2px solid var(--brand);outline-offset:3px}.feature-card--row{flex-direction:row}.feature-card--row .feature-card__img{width:clamp(140px,34%,300px)}.feature-card--hero{flex-direction:column}.feature-card--hero .feature-card__img{aspect-ratio:4 / 3}.feature-card--hero .feature-card__intro{-webkit-line-clamp:3}@media (max-width: 640px){.feature-card--row{flex-direction:column}.feature-card--row .feature-card__img{width:100%;aspect-ratio:4 / 3}}@media (prefers-reduced-motion: reduce){.feature-card,.feature-card__img img{transition:none}}.tip{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:flex-start;padding:16px 18px;border:1px solid var(--ring);border-top:4px solid var(--brand);border-radius:var(--radius);background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);margin:1.6em 0}.tip--banoo{border-top-color:var(--brand);background:#fffaf7}.tip--banoo .tip__title{color:#b84d1a}.tip--banoo .tip__media{background:rgba(252,133,80,.14)}.tip--isi{border-top-color:var(--brand-2);background:#f6fafd}.tip--isi .tip__title{color:var(--brand-2)}.tip--isi .tip__media{background:rgba(13,56,74,.09)}.tip__media{width:clamp(60px,7vw,80px);height:clamp(60px,7vw,80px);border-radius:50%;overflow:hidden;display:grid;place-items:center;flex-shrink:0}.tip__media img{width:90%;height:90%;object-fit:contain;object-position:center;display:block}.tip__body{display:flex;flex-direction:column;gap:6px;padding-top:2px}.tip__title{font-weight:700;color:var(--brand-2);margin:0;font-size:0.95rem}.tip__text{margin:0;line-height:1.65;color:#213f50;font-size:0.93rem}.tip__text a{color:var(--brand-2);text-decoration:underline}:where(ul){font:inherit;color:var(--text);margin-block:0 1rem;padding-inline-start:1.25rem;line-height:1.65;list-style:disc outside}:where(ul)>li{margin-block:.35em}:where(ul)>li::marker{color:var(--brand);font-size:1.2em}:where(ul ul){margin-block:.3rem .5rem}:where(ul ul)>li::marker{color:color-mix(in srgb,var(--brand) 80%,white 20%)}:where(ol){font:inherit;color:var(--text);margin-block:0 1rem;padding-inline-start:1.5rem;line-height:1.65;list-style:decimal outside}:where(ol)>li{margin-block:.35em}:where(ol)>li::marker{color:var(--brand-2);font-weight:700}.list--check{list-style:none;padding-inline-start:0}.list--check>li{position:relative;margin-block:.4em;padding-inline-start:1.7rem}.list--check>li::before{content:"✓";position:absolute;inset-inline-start:0;inset-block-start:.1em;font-weight:800;color:var(--brand);inline-size:1.1rem;text-align:center}.list--dividers>li + li{border-top:1px solid var(--ring);padding-block-start:.5em;margin-block-start:.5em}.list--compact>li{margin-block:.2em;line-height:1.5}.list--spacious>li{margin-block:.6em;line-height:1.75}nav :where(ul),.nav :where(ul),.menu :where(ul),.breadcrumbs :where(ul),.pagination :where(ul){list-style:none;margin:0;padding:0}nav :where(li),.nav :where(li),.menu :where(li),.breadcrumbs :where(li),.pagination :where(li){margin:0}nav :where(li)::marker,.nav :where(li)::marker,.menu :where(li)::marker,.breadcrumbs :where(li)::marker,.pagination :where(li)::marker{content:""}.prose,.article,.article .content{display:flow-root}img{max-width:100%;height:auto}.img-right{float:right;width:345px;margin:0.2rem 0 0.6rem 1rem;border-radius:12px;display:block}.img-left{float:left;width:345px;margin:0.2rem 1rem 0.6rem 0;border-radius:12px;display:block}p:has(>.img-right),p:has(>.img-left){display:block !important;overflow:visible !important;contain:none !important;-webkit-line-clamp:initial !important;line-clamp:initial !important;-webkit-box-orient:initial !important}p:has(>.img-right)::after,p:has(>.img-left)::after{content:"";display:table;clear:both}.article p:not(.dialog--speaker){display:block !important}.figure{display:inline-block;max-width:100%}.figure figcaption{font-size:13px;color:var(--muted);margin-top:6px;text-align:center}.stack{--stack-gap:clamp(16px,3vw,28px)}.stack>* + *{margin-block-start:var(--stack-gap)}@media (max-width: 700px){.img-left,.img-right{float:none;display:block;max-width:100%;margin:0 0 0.8rem 0}}.carousel{max-width:1100px;margin:0 auto}.carousel__title{margin:0 0 12px 0}.carousel__track{display:grid;grid-auto-flow:column;gap:14px;overflow-x:auto;overflow-y:hidden;padding:6px 2px 16px 2px;scroll-snap-type:x mandatory;scroll-padding-left:2px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:rgba(0,0,0,0.55) rgba(0,0,0,0.15);grid-auto-columns:calc(100% - 24px)}@media (min-width: 700px){.carousel__track{grid-auto-columns:calc((100% - 14px) / 2)}}@media (min-width: 1024px){.carousel__track{grid-auto-columns:calc((100% - 28px) / 3)}}.carousel__item{scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,0.10);background:#fff;color:inherit;border:1px solid var(--ring);transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.carousel__item:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(29,64,82,.14),0 2px 8px rgba(29,64,82,.06);border-color:color-mix(in srgb,var(--brand) 40%,var(--ring))}.carousel__item img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;border-radius:0;transition:transform 0.4s ease}.carousel__item:hover img{transform:scale(1.04)}.carousel__caption{padding:13px 14px 15px;display:flex;flex-direction:column;gap:4px}.carousel__caption strong{display:block;font-size:0.92rem;font-weight:700;color:var(--brand-2);line-height:1.3}.carousel__caption span{font-size:0.78rem;color:var(--muted)}.carousel__track:focus{outline:2px solid rgba(0,0,0,0.25);outline-offset:3px}.carousel__track::-webkit-scrollbar{height:16px}.carousel__track::-webkit-scrollbar-track{background:rgba(0,0,0,0.15);border-radius:999px}.carousel__track::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.55);border-radius:999px;border:4px solid rgba(0,0,0,0.0);background-clip:padding-box}.bb-back-btn{position:fixed;left:var(--bb-btn-offset);bottom:var(--bb-btn-offset);z-index:99999;width:2cm;height:2cm;border-radius:50%;border:none;display:grid;place-items:center;text-decoration:none;font-weight:700;font-size:0.6cm;line-height:1;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,#f56f32 100%);box-shadow:0 4px 18px rgba(252,133,80,.45),0 2px 6px rgba(0,0,0,.1);transition:transform .12s ease,box-shadow .12s ease}.bb-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(252,133,80,.55),0 3px 10px rgba(0,0,0,.12)}.bb-back-btn:active{transform:none;box-shadow:0 3px 10px rgba(252,133,80,.3)}@supports not ((backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px))){.bb-back-btn{background:rgba(255,255,255,.85)}}@media (prefers-reduced-motion: reduce){.bb-back-btn{transition:none}}@media print{.bb-back-btn{display:none}}.recipe-meta{display:flex;flex-wrap:wrap;margin:24px 0;border:1px solid var(--ring);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.recipe-meta__item{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:14px 16px;flex:1 1 140px;border-right:1px solid var(--ring);border-bottom:1px solid var(--ring)}.recipe-meta__icon{grid-column:1;grid-row:1 / span 2;font-size:1.6em;display:flex;align-items:center;justify-content:center}.recipe-meta__label{grid-column:2;grid-row:1;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;line-height:1}.recipe-meta__value{grid-column:2;grid-row:2;font-size:15px;font-weight:700;color:var(--text);line-height:1.2}.recipe-hero-section{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;border-radius:var(--radius);overflow:hidden;margin:24px 0;background:#fff}.recipe-hero-section__img{flex-shrink:0;line-height:0}.recipe-hero-section__img img{display:block;max-height:400px;width:auto;border-radius:0}.recipe-hero-section__meta{position:absolute;top:0;left:0;bottom:0;width:58%;z-index:2;display:flex;align-items:center;background:linear-gradient(to right,#fff 50%,rgba(255,255,255,0) 100%)}.recipe-hero-section .recipe-meta{margin:0;flex-direction:column;background:transparent;border:none;overflow:visible;width:100%}.recipe-hero-section .recipe-meta__item{flex:0 0 auto;border-right:none;border-bottom:1px solid rgba(0,0,0,0.07);padding:10px 12px}.recipe-hero-section .recipe-meta__item:last-child{border-bottom:none}@media (max-width: 640px){.recipe-hero-section{flex-direction:column;justify-content:flex-start}.recipe-hero-section__img{flex-shrink:1;width:100%;line-height:0}.recipe-hero-section__img img{width:100%;max-height:220px;object-fit:cover}.recipe-hero-section__meta{position:static;width:100%;background:var(--panel);border-top:1px solid var(--ring)}.recipe-hero-section .recipe-meta{background:transparent;border:none;border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.recipe-hero-section .recipe-meta__item{border-right:none}}.recipe-section-title{display:flex;align-items:center;gap:10px;margin:32px 0 16px}.recipe-section-title svg{color:var(--brand);flex-shrink:0}.recipe-ingredients{margin:0 0 32px}.recipe-ingredients__group{font-size:16px;font-weight:700;margin:20px 0 8px;color:var(--muted)}.recipe-ingredients__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.recipe-ingredients__list li{padding:8px 12px;background:var(--panel);border-radius:8px;border-left:3px solid var(--brand);font-size:15px}.recipe-ingredient{cursor:pointer;user-select:none;transition:opacity .2s,border-color .2s}.recipe-ingredient:hover{background:color-mix(in srgb,var(--brand) 8%,var(--panel))}.recipe-ingredient.checked{opacity:0.4;text-decoration:line-through;text-decoration-color:var(--muted);border-left-color:var(--muted) !important}.recipe-steps{margin:0 0 32px}.recipe-steps__list{list-style:none;padding:0;margin:0}.recipe-steps__item{counter-increment:none;padding-left:0;position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;margin-bottom:20px;align-items:start}.recipe-steps__item::before{content:none !important;display:none !important}.recipe-steps__item:not(:last-child)::after{content:'';position:absolute;left:17px;top:42px;bottom:-20px;width:2px;background:rgba(252,133,80,0.25)}.recipe-steps__num{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#1a1a1a;font-weight:700;font-size:16px;flex-shrink:0;margin-top:3px}.recipe-steps__item p{margin:0;min-width:0;font-size:16px;line-height:1.6}.recipe-print-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--panel);color:var(--text);border:1px solid var(--ring);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;font-family:inherit;margin:8px 0 32px;transition:background .15s,border-color .15s}.recipe-print-btn:hover{background:var(--brand);border-color:var(--brand)}.recipe-print-header{display:none}.recipe-print-footer{display:none}.recipe-outro{}@media print{@page{margin:25mm 18mm}*{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.header,.hamburger,.nav-overlay,.nav-close,#nav-toggle,.sidebar,.article__banner,.article__reading-time,.breadcrumb-bar,.recipe-print-btn,.tip,.faq,.site-footer,.hero,.intro-text,.bb-back-btn,.recipe-outro,.articles-box,.comment-section,#kommentar,.article-grid,.article-grid__heading,.stack,.carousel{display:none !important}.article__byline{display:flex !important;align-items:center;gap:4pt;font-size:8pt;color:#888 !important;background:none !important;border:none !important;padding:0 !important;margin:14pt 0 0 !important}.article__byline time{color:#555 !important;font-weight:600}.recipe-print-footer ~ *{display:none !important}body{font-size:11pt;color:#000;background:#fff !important;font-family:'Nunito',sans-serif}.layout{display:block;background:#fff !important}main{width:100%;max-width:100%;background:#fff !important}article,.article,.article.article--bleed{padding:0 !important;box-shadow:none !important;border:none !important;border-radius:0 !important;background:#fff !important}.article-wrapper,.content-wrapper,[class*="wrapper"],[class*="container"]{box-shadow:none !important;background:#fff !important}article.article--post{display:flex;flex-direction:column}article.article--post h1{order:-1;margin:10pt 0 10pt}.recipe-print-header{display:flex !important;order:-2;align-items:center;padding-bottom:8pt;border-bottom:2pt solid #fc8550;margin-bottom:0}.recipe-print-header__logo{height:20pt;width:auto;max-width:120pt}h1{font-size:20pt;margin:0 0 10pt;line-height:1.2;color:#1d4052}.recipe-hero-section{display:block !important;margin:8pt 0 14pt !important;background:none !important;page-break-inside:avoid}.recipe-hero-section__meta{position:static !important;width:100% !important;padding:0 !important;background:none !important;top:auto !important;left:auto !important;bottom:auto !important}.recipe-hero-section__img{display:none !important}.recipe-meta{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 !important;border:1pt solid #ddd;border-radius:4pt;padding:0 !important;margin:8pt 0 14pt;background:#f7f7f7 !important;page-break-inside:avoid;overflow:hidden}.recipe-meta__item{display:flex;flex-direction:row;gap:4pt;align-items:center;padding:4pt 8pt !important;border-bottom:1pt solid #e8e8e8 !important;border-right:none !important}.recipe-meta__item:nth-child(odd){border-right:1pt solid #e8e8e8 !important}.recipe-meta__icon{font-size:11pt}.recipe-meta__label{font-size:7.5pt;color:#666;text-transform:uppercase;letter-spacing:0.04em}.recipe-meta__value{font-size:9.5pt;font-weight:700}h2.recipe-section-title{font-size:13pt;margin:16pt 0 8pt;padding-bottom:3pt;border-bottom:1pt solid #ddd;color:#1d4052;text-transform:uppercase;letter-spacing:.06em}h3.recipe-ingredients__group{font-size:10pt;font-weight:700;color:#555;margin:10pt 0 4pt;text-transform:uppercase;letter-spacing:.04em}.recipe-ingredients{page-break-inside:avoid}.recipe-ingredients__list{columns:2;column-gap:16pt;display:block !important;margin:0;padding:0}.recipe-ingredients__list li{display:block;break-inside:avoid;background:none !important;border-left:2pt solid #fc8550 !important;border-radius:0 !important;padding:3pt 6pt !important;margin-bottom:3pt !important;font-size:10pt !important}.recipe-steps__item::after{display:none !important}.recipe-ingredient{cursor:default !important}.recipe-ingredient.checked{opacity:1 !important;text-decoration:none !important;border-left-color:#fc8550 !important}.recipe-steps__list{list-style:none;padding:0;margin:0}.recipe-steps__item{display:grid !important;grid-template-columns:22pt 1fr !important;gap:8pt !important;margin-bottom:10pt !important;page-break-inside:avoid;align-items:start}.recipe-steps__num{display:flex !important;width:20pt !important;height:20pt !important;font-size:10pt !important;background:#fc8550 !important;color:#fff !important;border-radius:50% !important;align-items:center !important;justify-content:center !important;font-weight:700 !important;margin-top:1pt;flex-shrink:0}.recipe-steps__item p{font-size:10pt !important;margin:0 !important;line-height:1.5 !important;min-width:0}.recipe-print-footer{display:flex !important;justify-content:space-between;align-items:baseline;border-top:1pt solid #ccc;padding-top:6pt;margin-top:20pt;font-size:8pt;color:#888}.recipe-print-footer__logo{font-size:13pt;font-weight:700;color:#fc8550}.story-chapter-nav,.silben-switch{display:none !important}.story-content .silbe{color:inherit !important}.layout,main,.article,.article--bleed,.article--post,.story-content{overflow:visible !important}.story-content{font-size:12pt;line-height:1.55;padding:0 !important;background:#fff !important}.story-content p{orphans:3;widows:3;margin:0 0 8pt}.story-content .dialog,.story-content .dialog.dialog--speaker{break-inside:avoid;page-break-inside:avoid}.story-content .dialog--speaker{gap:8pt;margin:5pt 0;padding:0 !important;align-items:center !important}.story-content .dialog--speaker .speaker-face{width:34pt !important;height:34pt !important}.story-content .dialog--speaker .dialog-text,.story-content .dialog:not(.dialog--speaker){background:#fdf1ea !important;border:0.75pt solid #f0b48f !important}.story-content .dialog--speaker{background:transparent !important;border:none !important}.story-content .dialog--speaker .dialog-text::before{top:50% !important;bottom:auto !important;transform:none !important;margin:-7px 0 0 0 !important;border-right-color:#f0b48f !important}.story-content .dialog--speaker .dialog-text::after{top:50% !important;bottom:auto !important;transform:none !important;margin:-5px 0 0 0 !important;border-right-color:#fdf1ea !important}.story-content .img-right,.story-content .img-left{float:none !important;display:block !important;margin:10pt auto !important;width:auto !important;max-width:70% !important;max-height:80mm !important;height:auto !important;object-fit:contain}.story-content p:has(>.img-right),.story-content p:has(>.img-left){break-inside:avoid;page-break-inside:avoid;text-align:center}.story-content hr{border:none;border-top:0.75pt solid #ddd;margin:12pt 0}.story-content img{break-inside:avoid;page-break-inside:avoid;max-width:100% !important;height:auto}}.pdf_preview{--thumb:5cm;border-radius:12px;overflow:hidden;background:#f3f6f9;border:1px solid var(--ring);vertical-align:top}.pdf_preview__pages{color:var(--muted)}.bb-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem .85rem;margin:.75rem 0 1rem 0;border:1px solid var(--bb-border);border-radius:var(--radius-inner);background:var(--bb-bg);color:var(--bb-text);font-size:.82rem;line-height:1.2}.bb-crumb{color:var(--brand-2);text-decoration:none;font-weight:500;padding:.15rem .4rem;transition:color .15s;min-height:44px;display:inline-flex;align-items:center}.bb-crumb:hover{color:var(--brand)}.bb-crumb:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:.35rem}.bb-sep{color:var(--bb-muted);user-select:none;padding-left:.1rem;padding-right:.1rem}.site-footer{background:#1d4052;color:rgba(255,255,255,0.75);margin-top:48px;border-top:3px solid #fc8550}.site-footer__inner{max-width:1400px;margin:0 auto;padding:48px clamp(16px,4vw,48px) 32px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.site-footer__brand{display:flex;flex-direction:column;gap:16px}.site-footer__logo-link img{height:52px;width:auto;filter:brightness(0) invert(1);opacity:0.9}.site-footer__tagline{font-size:0.9rem;line-height:1.6;color:rgba(255,255,255,0.7);margin:0}.site-footer__social{display:flex;gap:12px;flex-wrap:wrap}.site-footer__social a{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,0.75);font-size:0.875rem;text-decoration:none;padding:7px 14px;border:1px solid rgba(255,255,255,0.2);border-radius:20px;transition:background .15s ease,border-color .15s ease,color .15s ease;min-height:44px}.site-footer__social a:hover{background:#fc8550;border-color:#fc8550;color:#fff}.site-footer__nav{display:grid;grid-template-columns:1fr 1fr;gap:32px}.site-footer__heading{font-size:0.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.75);margin:0 0 14px}.site-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.site-footer__col a{color:rgba(255,255,255,0.75);text-decoration:none;font-size:0.9rem;transition:color .15s ease;display:inline-flex;align-items:center;gap:6px;min-height:44px}.site-footer__col a:hover{color:#fc8550}.site-footer__col a::before{content:'›';font-size:1em;color:rgba(255,255,255,.25);transition:color .15s,transform .15s;display:inline-block}.site-footer__col a:hover::before{color:#fc8550;transform:translateX(2px)}.site-footer__bottom{max-width:1400px;margin:0 auto;padding:16px clamp(16px,4vw,48px);border-top:1px solid rgba(255,255,255,0.1);display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;font-size:0.8rem;color:rgba(255,255,255,0.6)}.site-footer__affiliate{flex:1}@media (max-width: 700px){.site-footer__inner{grid-template-columns:1fr;gap:32px;padding-bottom:24px}.site-footer__nav{grid-template-columns:1fr 1fr}}.footer__social{display:flex;align-items:center;gap:14px;margin-bottom:10px;flex-wrap:wrap}.footer__social span{color:var(--muted);font-size:.9rem}.footer__social a{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.9rem;transition:color .15s ease}.footer__social a:hover{color:var(--brand)}#nav-toggle{display:none}.hamburger{display:none;margin-right:2px}.sidebar__social{display:flex;gap:8px;padding:10px 10px 4px}.sidebar__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--ring);color:var(--text);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.sidebar__social a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.sidebar__comments{padding:10px 10px 6px;margin-top:8px;border-top:1px solid var(--ring)}.sidebar__comments__title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#8a9bb0;margin:0 0 6px;padding-left:2px}.sidebar__comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar__comment-item a{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;background:var(--panel-2,#f5f8fa);text-decoration:none;transition:background .15s ease;min-width:0}.sidebar__comment-item a:hover{background:#fff3ec}.sidebar__comment-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#ffe8d6;color:var(--brand);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar__comment-body{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar__comment-meta{font-size:.67rem;font-weight:600;color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__comment-page{font-size:.72rem;color:#1d4052;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.nav-overlay{display:none}.nav-close{display:none}@media (max-width: 980px){.layout{grid-template-columns:1fr;margin-top:8px}.sidebar__comments{display:none}.sidebar__inner{position:fixed;inset:0 0 0 20%;padding:16px;transform:translateX(100%);transition:transform .35s ease;background:linear-gradient(180deg,var(--panel),var(--panel-2));border-left:1px solid var(--ring);z-index:50;box-shadow:-4px 0 24px rgba(0,0,0,0.12);border-radius:0 0 0 16px;overflow-y:auto}#nav-toggle:checked ~ .layout .sidebar__inner{transform:none}.hamburger{display:inline-flex}.header__inner{justify-content:space-between}.sidebar__logo{display:none}.sidebar__inner::before{content:'';position:absolute;inset:0;pointer-events:none;background:url('https://banoo.boo/assets/logo.webp') no-repeat left center / auto 100%;opacity:0.07}.nav-close{display:flex;align-items:center;justify-content:flex-end;padding:12px 4px 4px;cursor:pointer;color:var(--text)}.nav-overlay{display:block;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,0.45);opacity:0;pointer-events:none;transition:opacity .35s ease}#nav-toggle:checked ~ .nav-overlay{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}.tile::before,.btn,.media-card{transition:none}}.bb-linkgrid{display:grid;grid-template-columns:1fr;gap:12px;background:#fff}@container (min-width: 760px){.bb-linkgrid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}@supports not (container-type: inline-size){@media (min-width: 1100px){.bb-linkgrid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}}.bb-linkgrid__item{display:flex;align-items:stretch;gap:0;background:#fff;color:var(--brand-2);text-decoration:none;border:2px solid var(--brand);border-radius:var(--bb-radius);overflow:hidden;min-height:84px;transition:background-color .15s ease,transform .15s ease}.bb-linkgrid__thumb{flex:0 0 84px;width:84px;height:auto;margin:0;display:flex;align-items:stretch;justify-content:stretch;background:var(--panel)}.bb-linkgrid__thumb img{width:100%;height:100%;object-fit:cover;display:block}.bb-linkgrid__text{flex:1 1 auto;min-width:0;padding:14px 14px 14px 14px}.bb-linkgrid__title{display:block;font-weight:800;font-size:1.02rem;line-height:1.2;margin-bottom:4px;color:var(--brand-2)}.bb-linkgrid__meta{display:block;font-size:.9rem;line-height:1.25;color:rgba(29,64,82,.75);overflow:hidden;text-overflow:ellipsis}.bb-linkgrid__item:hover{background:rgba(252,133,80,.06)}.bb-linkgrid__item:active{transform:translateY(1px)}.bb-linkgrid__item:focus-visible{outline:3px solid rgba(252,133,80,.45);outline-offset:2px}@media (max-width: 420px){.bb-linkgrid__item{min-height:78px}.bb-linkgrid__thumb{flex-basis:78px;width:78px}.bb-linkgrid__text{padding:12px}}.promo-teaser{position:relative;overflow:hidden;background:#fff;border-radius:var(--radius);border:1px solid var(--ring);border-top:4px solid var(--pt-border);padding:32px 36px;margin:28px 0 0 0;min-height:160px;display:flex;align-items:center;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.promo-teaser:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(29,64,82,.12)}.promo-teaser--blue{--pt-border:#1d4052;--pt-color:#1d4052;--pt-hover:#153040;--pt-text:#1d4052}.promo-teaser--orange{--pt-border:#fc8550;--pt-color:#fc8550;--pt-hover:#e07540;--pt-text:#1d4052}.promo-teaser__bg{position:absolute;inset:0;background-image:linear-gradient(to right,#fff 35%,rgba(255,255,255,.6) 60%,transparent 85%),var(--pt-img);background-repeat:no-repeat;background-position:right center;background-size:auto 100%;pointer-events:none}.promo-teaser__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;max-width:60%}.promo-teaser__label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pt-text,var(--pt-color));background:rgba(0,0,0,.05);border-radius:6px;padding:3px 10px;align-self:flex-start}.promo-teaser__title{margin:0;font-size:1.35rem;line-height:1.25;color:var(--brand-2)}.promo-teaser__desc{margin:0;font-size:.95rem;line-height:1.6;color:var(--muted)}.promo-teaser__cta{display:inline-block;align-self:flex-start;margin-top:6px;padding:10px 22px;border-radius:8px;background:var(--pt-color);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:background .15s ease}.promo-teaser__cta:hover,.promo-teaser__cta:focus-visible{background:var(--pt-hover)}.promo-teaser__stat{display:flex;align-items:baseline;gap:8px}.promo-teaser__stat-num{font-family:'Fredoka',sans-serif;font-size:2.4rem;font-weight:700;color:var(--pt-text,var(--pt-color));line-height:1}.promo-teaser__stat-label{font-size:.88rem;font-weight:600;color:var(--muted)}@media (max-width: 540px){.promo-teaser{padding:24px 20px}.promo-teaser__body{max-width:100%}.promo-teaser__bg{opacity:.15}}.worksheet__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0.5rem 0 1.5rem}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:0.8rem;font-weight:600;line-height:1.6}.tag--klassenstufe{background:#e8f4fb;color:#1d4052;border:1px solid #c5dff0}.tag--fach{background:#fff3ea;color:#b85a00;border:1px solid #fdd8b5}.tag--thema{background:#f0f9f0;color:#2d6a2d;border:1px solid #b8ddb8}.exlink{color:var(--brand-2);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px;text-decoration-thickness:2px;transition:color 0.15s}.exlink::after{content:' \2197';font-size:0.8em;color:var(--brand);opacity:0.7;transition:opacity 0.15s,transform 0.15s;display:inline-block}.exlink:hover{color:var(--brand)}.exlink:hover::after{opacity:1;transform:translate(2px,-2px)}.article--post a[href^="http"]:not([href*="banoo.boo"]):not(.btn):not(.promo-teaser__cta):not(.share-bar__btn):not(.exlink):not(:has(img)):not(:has(svg))::after{content:"\2197";display:inline-block;margin-left:2px;font-size:0.8em;vertical-align:baseline;text-decoration:none;color:currentColor}.worksheet__download{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin:1.5rem 0 2rem;background:var(--panel);border:1px solid var(--ring);border-radius:var(--bb-radius);padding:1.5rem}.article .worksheet__download-preview{width:180px;height:auto;flex-shrink:0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);display:block}.worksheet__download-actions{display:flex;flex-direction:column;gap:12px;flex:1}.worksheet__download-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 0.6rem}.worksheet__download-goals{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:5px}.worksheet__download-goals li{font-size:0.88rem;color:var(--text);padding-left:1.5em;position:relative}.worksheet__download-goals li::before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:700}.worksheet__download-meta{font-size:0.78rem;color:var(--muted);margin:0.5rem 0 0}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:background 0.15s,transform 0.1s}.btn--download{display:inline-flex;align-items:center;justify-content:center;background:#fc8550;color:#fff;text-align:center;height:auto;min-height:50px;padding:12px 24px;line-height:1.3}.btn--download:hover,.btn--download:focus-visible{background:#e06a35;transform:translateY(-1px)}.btn--secondary{background:#e8f4fb;color:#1d4052;border:2px solid #b0d4ea}.btn--secondary:hover,.btn--secondary:focus-visible{background:#d0eaf7}.worksheet__description,.worksheet__lernziele,.worksheet__howto,.worksheet__related{margin:2rem 0}.worksheet__lernziele ul,.worksheet__howto ol{padding-left:1.5rem;line-height:1.8}.worksheet-item{display:flex;align-items:stretch;gap:0;border:1px solid var(--ring);border-left:3px solid var(--brand);border-radius:var(--radius-inner);overflow:hidden;margin-bottom:12px;background:#fff;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.worksheet-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(29,64,82,.12);border-left-color:color-mix(in srgb,var(--brand) 80%,#f56f32)}.worksheet-item__main{display:flex;align-items:flex-start;gap:14px;flex:1;padding:14px;text-decoration:none;color:inherit}.worksheet-item__main:hover h3{color:var(--brand)}.worksheet-item__thumb{width:96px;flex-shrink:0;border-radius:var(--radius-inner);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);align-self:flex-start}.worksheet-item__body{flex:1}.article .worksheet-item__body h3,.worksheet-item__body h3{margin:0 0 4px;font-size:0.95rem;color:var(--brand-2);transition:color .15s}.worksheet-item__teaser{font-size:0.85rem;color:var(--muted);margin:0 0 6px}.worksheet-item__cta{font-size:0.8rem;color:var(--brand);font-weight:600}.worksheet-item__cta::after{content:' →'}.worksheet-item__thumb img{width:100%;height:auto;display:block}.worksheet-item__pages{font-size:0.7rem;color:var(--muted);display:block;margin-bottom:2px}.worksheet-item__direct{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;background:#f5f9fc;color:#1d4052;font-size:0.8rem;font-weight:700;text-decoration:none;border-left:1px solid #e0e8ef;flex-shrink:0;min-width:60px;gap:2px}.worksheet-item__direct:hover{background:#e8f4fb}@media (max-width: 540px){.worksheet__download{flex-direction:column}.article .worksheet__download-preview{width:100%;max-width:280px;margin:0 auto}.btn{text-align:center}.worksheet-item{flex-direction:column}.worksheet-item__thumb{width:80px}.worksheet-item__direct{border-left:none;border-top:1px solid #e0e8ef;flex-direction:row;justify-content:center;align-items:center;padding:10px 16px;gap:10px;font-size:0.85rem;min-width:unset}.worksheet-item__pages{display:inline;margin-bottom:0}}.hamburger{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}button,[role="button"]{min-height:44px}.dialog{background:#fff;border:2px solid #fc8550;border-radius:12px;padding:0.5rem 1rem;margin:0.5rem 0 1.4rem;display:block;position:relative;color:#1d4052}.dialog::before{content:'';position:absolute;left:1.5rem;bottom:-12px;width:16px;height:12px;background:#fc8550;clip-path:polygon(0 0,100% 0,50% 100%)}.dialog::after{content:'';position:absolute;left:calc(1.5rem + 3px);bottom:-8px;width:10px;height:8px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}.comment-section{margin:2.5rem 0 0;padding:24px 28px 28px;background:#fff;border:1px solid var(--ring);border-top:4px solid var(--brand);border-radius:var(--radius);box-shadow:0 2px 16px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04)}.comment-section__header{display:flex;align-items:center;gap:14px;margin-bottom:1.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--ring)}.comment-section .comment-section__img{width:60px;height:60px;max-width:60px;flex-shrink:0;border-radius:0;object-fit:contain}.comment-section__title{font-size:1.1rem;font-weight:800;color:var(--brand-2);margin:0 0 2px;text-transform:uppercase;letter-spacing:.04em}.comment-section__subtitle{font-size:0.82rem;color:#6b7f8d;margin:0;line-height:1.4}.comment-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius-inner);font-size:0.92rem;font-weight:600;margin-bottom:1.2rem;line-height:1.5}.comment-notice--success{background:#edf7f0;border:1px solid #7bc99a;color:#1c5e35}.comment-notice--error{background:#fef2f2;border:1px solid #f0a0a0;color:#7f1d1d}.comment-notice__icon{font-weight:900;font-size:1rem;flex-shrink:0;margin-top:1px}.comment-form{display:flex;flex-direction:column;gap:16px}.comment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.comment-form__row{grid-template-columns:1fr}.comment-section{padding:18px 16px 22px}}.comment-form__field{display:flex;flex-direction:column;gap:6px}.comment-form__label{font-size:0.88rem;font-weight:700;color:var(--brand-2)}.comment-form__req{color:var(--brand);margin-left:2px}.comment-section .comment-form__input,.comment-section .comment-form__textarea{padding:10px 13px;border:1px solid var(--ring);border-left:1px solid var(--ring);border-radius:var(--radius-inner);background:#fff;color:var(--text);font-family:inherit;font-size:0.93rem;line-height:1.6;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;margin:0}.comment-section .comment-form__input:focus,.comment-section .comment-form__textarea:focus{border-color:var(--brand);border-left-color:var(--brand);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.comment-section .comment-form__textarea{resize:vertical;min-height:130px;cursor:text}.comment-form__consent{display:flex;align-items:flex-start;gap:10px;font-size:0.84rem;color:#3a4f5e;line-height:1.55;cursor:pointer}.comment-form__consent input[type="checkbox"]{margin-top:3px;flex-shrink:0;accent-color:var(--brand);width:16px;height:16px;cursor:pointer}.comment-form__consent a{color:var(--brand);text-decoration:underline}.comment-form__submit{padding:12px 26px;background:linear-gradient(180deg,var(--brand),#f56f32);color:#fff;border:none;border-radius:var(--radius-inner);font:inherit;font-size:0.95rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .05s;white-space:nowrap}.comment-form__submit:hover{opacity:.88}.comment-form__submit:active{transform:translateY(1px)}.comment-form__submit:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.comment-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.comment-list{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ring)}.comment-list__heading{font-size:1rem;font-weight:700;color:var(--brand-2);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.04em}.comment-item{padding:14px 0;border-bottom:1px solid var(--ring)}.comment-item:last-child{border-bottom:none;padding-bottom:0}.comment-item__meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.comment-item__name{font-weight:700;font-size:0.9rem;color:var(--brand-2)}.comment-item__date{font-size:0.78rem;color:#8a9caa}.comment-item__text{font-size:0.92rem;color:var(--text);line-height:1.6;margin:0}.comment-reply{margin:10px 0 0 24px;padding:11px 14px;background:#f5f8fa;border-left:3px solid var(--brand);border-radius:0 var(--radius-inner) var(--radius-inner) 0}.comment-reply__meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}.comment-reply__author{font-weight:700;font-size:0.87rem;color:var(--brand)}.comment-reply__date{font-size:0.76rem;color:#8a9caa}.comment-reply__text{font-size:0.9rem;color:var(--text);line-height:1.55;margin:0}.story-content{background:#fdf8f2;border-radius:12px;padding:2rem 2.5rem;margin:0.9rem 0 1.5rem;font-family:Georgia,'Times New Roman',serif;font-size:1.05rem;line-height:1.95;color:#2a2420}.story-content>p:first-of-type::first-letter{font-size:3.8rem;font-weight:700;float:left;line-height:0.82;margin:0.08em 0.12em 0 0;color:var(--brand);font-family:Georgia,serif}.story-content .dialog{border:1.5px solid rgba(252,133,80,0.5);background:rgba(252,133,80,0.12);border-radius:16px;padding:0.5rem 0.9rem;margin:0.5rem 0 0.5rem 0.5rem;font-style:italic;color:#2a2420}.story-content .dialog::before,.story-content .dialog::after{display:none}.story-content .dialog.dialog--speaker{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.3rem 0.75rem 0.3rem 0.15rem;border:none;background:transparent}.story-content .dialog--speaker .speaker-face{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:top center;flex-shrink:0;display:block}.story-content .dialog--speaker .dialog-text{flex:1;position:relative;background:rgba(252,133,80,0.12);border:1.5px solid rgba(252,133,80,0.5);border-radius:16px;padding:0.5rem 0.9rem}.story-content .dialog--speaker .dialog-text::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid rgba(252,133,80,0.5)}.story-content .dialog--speaker .dialog-text::after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid rgba(252,133,80,0.12)}.story-chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e2d8ce}.story-chapter-dots{display:flex;gap:6px;align-items:center;flex-shrink:0}.story-chapter-dot{width:8px;height:8px;border-radius:50%;background:#d4c4b4;text-decoration:none;transition:background 0.2s,transform 0.2s}a.story-chapter-dot:hover,a.story-chapter-dot:focus-visible{background:var(--brand);transform:scale(1.4)}.story-chapter-dot--active{background:var(--brand);width:11px;height:11px}.story-chapter-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1.1rem;background:var(--brand);color:#fff;border-radius:8px;text-decoration:none;font-family:'Nunito',system-ui,sans-serif;font-weight:700;font-size:0.88rem;white-space:nowrap;transition:background 0.15s,color 0.15s}.story-chapter-btn:hover{background:#e06a35;color:#fff}.story-chapter-btn--prev{background:#efe8e0;color:#5a4a3a}.story-chapter-btn--prev:hover{background:#e2d8ce;color:#3a2a1a}.story-chapter-btn--placeholder{visibility:hidden;pointer-events:none}@media (max-width: 600px){.story-content{padding:1.4rem 1.2rem;font-size:1rem}.story-chapter-btn{padding:0.5rem 0.8rem;font-size:0.82rem}.story-chapter-nav{flex-wrap:wrap;gap:0.5rem 0}.story-chapter-dots{order:2;width:100%;flex-shrink:1;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:0.4rem}.story-chapter-dot{width:6px;height:6px}.story-chapter-dot--active{width:8px;height:8px}}.article ol.raetsel-liste{list-style:none;counter-reset:raetsel;padding:0;margin:1.4em 0;display:grid;gap:14px}.article ol.raetsel-liste>li{counter-increment:raetsel;position:relative;padding:16px 20px 16px 78px;background:#fff;border:1px solid var(--ring);border-radius:var(--radius);box-shadow:0 1px 4px rgba(0,0,0,.05);line-height:1.6}.article ol.raetsel-liste>li::before{content:counter(raetsel);position:absolute;left:18px;top:16px;width:44px;height:44px;border-radius:14px;background:var(--brand);color:#fff;font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.3rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(252,133,80,.45)}.raetsel-liste .zr-folge{display:block;font-family:'Fredoka',sans-serif;font-size:1.5rem;font-weight:400;color:var(--brand-2);word-spacing:0.5em;letter-spacing:0.01em;line-height:1.3}.raetsel-liste .zr-folge strong{color:var(--brand);font-weight:600}.article ol.raetsel-liste>li>.raetsel-loesung{margin-top:12px}.raetsel-loesung{margin-top:10px;border:1px solid var(--ring);border-radius:var(--radius-inner);overflow:hidden;background:#fff}.raetsel-loesung>summary{cursor:pointer;list-style:none;position:relative;padding:9px 14px 9px 38px;font-weight:700;font-size:0.9rem;color:var(--brand-2);background:color-mix(in srgb,var(--brand) 11%,#fff);user-select:none;-webkit-tap-highlight-color:transparent;transition:background .12s}.raetsel-loesung>summary::-webkit-details-marker{display:none}.raetsel-loesung>summary::before{content:"";position:absolute;left:16px;top:50%;width:7px;height:7px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:translateY(-65%) rotate(45deg);transition:transform .15s ease}.raetsel-loesung[open]>summary::before{transform:translateY(-30%) rotate(225deg)}.raetsel-loesung>summary:hover{background:color-mix(in srgb,var(--brand) 18%,#fff)}.raetsel-loesung[open]>summary{background:color-mix(in srgb,var(--brand) 15%,#fff);border-bottom:1px solid var(--ring)}.raetsel-loesung>:not(summary){margin:0;padding:12px 16px;line-height:1.6;color:#213f50;background:#fffaf7}.raetsel-loesung>ol,.raetsel-loesung>ul{padding-left:38px}.raetsel-loesung>ol>li,.raetsel-loesung>ul>li{margin:2px 0}@media print{.raetsel-loesung{break-inside:avoid}.raetsel-loesung>:not(summary){display:block !important}.raetsel-loesung>summary::before{transform:translateY(-30%) rotate(225deg)}}.zr-mauer{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0;font-family:'Fredoka',sans-serif}.zr-mauer__row{display:flex;gap:6px}.zr-cell{display:flex;align-items:center;justify-content:center;width:52px;height:42px;border:2px solid var(--ring);border-radius:10px;font-size:1.15rem;color:var(--brand-2);background:#fff}.zr-cell.zr-blank{color:var(--brand);font-weight:600;background:color-mix(in srgb,var(--brand) 9%,#fff);border-color:color-mix(in srgb,var(--brand) 35%,var(--ring))}.zr-square{border-collapse:collapse;margin:14px 0;font-family:'Fredoka',sans-serif}.zr-square td{width:46px;height:46px;text-align:center;vertical-align:middle;border:2px solid var(--ring);font-size:1.15rem;color:var(--brand-2)}.zr-square td.zr-blank{color:var(--brand);font-weight:600;background:color-mix(in srgb,var(--brand) 9%,#fff)}@media (max-width:480px){.zr-cell{width:44px;height:38px;font-size:1rem}.zr-square td{width:40px;height:40px;font-size:1rem}}.article--post>p.autor-zeile,.autor-zeile{font-size:.78rem;color:#1d4052;opacity:.65;text-align:right;margin:-.4rem 0 1rem;padding:0;border:0}.autor-zeile a{color:#1d4052;font-weight:700;text-decoration:none}.autor-zeile a:hover{text-decoration:underline}.article img.autor-portrait{float:right;width:220px;height:auto;margin:0 0 1rem 1.5rem;border-radius:12px}@media (max-width: 640px){.article img.autor-portrait{float:none;display:block;width:min(220px,70%);margin:0 auto 1.25rem}}#warum{clear:both}.autor-box{display:flex;gap:1rem;align-items:flex-start;margin:2rem 0 0;padding:1rem 1.25rem;background:rgba(252,133,80,.08);border:1px solid rgba(252,133,80,.25);border-radius:14px}.autor-box img{border-radius:50%;flex:0 0 auto;width:72px;height:72px;object-fit:cover}.autor-box p{margin:.2rem 0;font-size:.95rem}.autor-box a{color:#fc8550;font-weight:700;text-decoration:none}.autor-box a:hover{text-decoration:underline}.article-card--category{border:2px solid rgba(252,133,80,.45)}.article-card__eyebrow--category{background:#fc8550;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.article-card__cta{margin:.6rem 0 0;font-size:.92rem;font-weight:700;color:#fc8550}.carousel__item{position:relative}.carousel__badge{position:absolute;top:.5rem;left:.5rem;background:#fc8550;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:.18rem .6rem;border-radius:999px;pointer-events:none}.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 .5rem;padding:.75rem 0;border-top:1px solid rgba(29,64,82,.12)}.share-bar__label{font-size:.9rem;font-weight:800;color:#1d4052;opacity:.75;margin-right:.25rem}.share-bar__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--ring);background:transparent;color:var(--text);cursor:pointer;padding:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.share-bar__btn svg{width:20px;height:20px}.share-bar__btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.share-bar__copied{font-size:.85rem;font-weight:700;color:#fc8550}.share-bar__btn[hidden],.share-bar__copied[hidden]{display:none}@media print{.share-bar{display:none}}.ex-code{font-family:monospace,monospace;font-size:.82em;font-weight:700;color:#5e7682;letter-spacing:.04em;white-space:nowrap}:root{--silbe-blue:#1d4052;--silbe-red:#c62828}.story-content.silben-active .silbe--a{color:var(--silbe-blue)}.story-content.silben-active .silbe--b{color:var(--silbe-red)}.silben-switch{float:right;margin:0 0 .5rem .9rem;font-family:'Nunito',system-ui,-apple-system,sans-serif}.silben-switch__toggle{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .45rem .35rem .7rem;background:#fff;border:1px solid var(--ring);border-radius:999px;box-shadow:0 2px 8px rgba(29,64,82,.06);cursor:pointer}.silben-switch__label{font-weight:700;color:var(--muted);font-size:.82rem;white-space:nowrap;line-height:1}.silben-switch__toggle input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.silben-switch__slider{width:40px;height:23px;border-radius:999px;background:#d5dde3;position:relative;transition:background .2s ease;flex:0 0 auto}.silben-switch__slider::before{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.28);transition:transform .2s ease}.silben-switch__toggle input:checked + .silben-switch__slider{background:var(--brand)}.silben-switch__toggle input:checked + .silben-switch__slider::before{transform:translateX(17px)}.silben-switch__toggle input:focus-visible + .silben-switch__slider{outline:2px solid var(--brand-2);outline-offset:2px}.merken-cta{margin:8px 0 2px;display:flex;justify-content:flex-end}.merken-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--ring);background:var(--panel);color:var(--brand-2);font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.merken-btn svg{color:var(--brand);flex:0 0 auto;transition:fill .15s ease}.merken-btn:hover{border-color:var(--brand)}.merken-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.merken-btn.is-saved{background:color-mix(in srgb,var(--brand) 14%,transparent);border-color:var(--brand)}.merken-btn.is-saved svg{fill:var(--brand)}.bb-fab{position:fixed;right:var(--bb-btn-offset);bottom:var(--bb-btn-offset);z-index:99998;display:flex;flex-direction:column;gap:10px;align-items:center}.bb-fab__btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid var(--ring);background:var(--surface,#fff);color:var(--brand-2);box-shadow:var(--shadow);cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.bb-fab__btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,0,0,.18)}.bb-fab__btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.bb-fab__btn--merk{color:var(--brand)}.bb-fab__count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}@media (prefers-reduced-motion: reduce){.bb-fab__btn{transition:none}}@media print{.bb-fab{display:none}}.merk-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:1.4rem 0 1rem}.merk-toolbar__count{margin:0;color:var(--muted);font-weight:700}.merk-toolbar__actions{display:flex;gap:10px}.merk-toolbar__actions .btn{height:auto;padding:9px 16px;font-weight:700;cursor:pointer}.merk-row{grid-template-columns:auto 1fr auto;align-items:center}.merk-row__remove{align-self:center;justify-self:center;flex:0 0 auto;box-sizing:border-box;padding:0;width:40px;height:40px;min-width:40px;min-height:40px;aspect-ratio:1;border-radius:50%;border:1px solid var(--ring);background:var(--panel);color:var(--muted);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,color .15s ease,border-color .15s ease}.merk-row__remove:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.merk-row__remove:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.merk-row__noimg{display:grid;place-items:center;width:100%;height:100%;font-size:30px;color:var(--brand);background:var(--panel);text-decoration:none}.merk-empty{display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center;padding:2rem 1rem}.merk-empty__img{width:120px;height:auto;opacity:.9}.merk-empty__text{max-width:520px;color:var(--muted);line-height:1.7}@media print{.merk-toolbar__actions,.merk-row__remove,.bb-fab,.share-bar{display:none !important}}:root[data-theme="dark"]{color-scheme:dark;--bg:#0c1920;--panel:#1b3b4a;--panel-2:#22485a;--text:#dfeaef;--muted:#a6bbc4;--brand:#fc8550;--brand-2:#eaf1f4;--accent:#fc8550;--ring:#37596b;--bb-ring:#37596b;--shadow:0 10px 30px rgba(0,0,0,.6);--surface:#1b3b4a;--surface-2:#24485a}:root[data-theme="dark"] .article,:root[data-theme="dark"] .articles-box,:root[data-theme="dark"] .faq,:root[data-theme="dark"] .faq__question,:root[data-theme="dark"] .faq__answer,:root[data-theme="dark"] .faq__item[open] .faq__question,:root[data-theme="dark"] .toc,:root[data-theme="dark"] .article details,:root[data-theme="dark"] .article .scroll,:root[data-theme="dark"] .media-card,:root[data-theme="dark"] .cta-card,:root[data-theme="dark"] .article-card,:root[data-theme="dark"] .feature-card,:root[data-theme="dark"] .tip,:root[data-theme="dark"] .tip--banoo,:root[data-theme="dark"] .carousel__item,:root[data-theme="dark"] .recipe-hero-section,:root[data-theme="dark"] .bb-linkgrid,:root[data-theme="dark"] .bb-linkgrid__item,:root[data-theme="dark"] .worksheet-item,:root[data-theme="dark"] .promo-teaser,:root[data-theme="dark"] .comment-section,:root[data-theme="dark"] .dialog,:root[data-theme="dark"] .article ol.raetsel-liste>li,:root[data-theme="dark"] .raetsel-loesung,:root[data-theme="dark"] .raetsel-loesung>:not(summary),:root[data-theme="dark"] .zr-cell,:root[data-theme="dark"] .pdf_preview,:root[data-theme="dark"] .silben-switch__toggle{background:var(--surface)}:root[data-theme="dark"] .search input,:root[data-theme="dark"] .search-form input[type="search"],:root[data-theme="dark"] .btn,:root[data-theme="dark"] .btn--secondary,:root[data-theme="dark"] .comment-section .comment-form__textarea{background:var(--surface-2);color:var(--text)}:root[data-theme="dark"] .btn:hover,:root[data-theme="dark"] .article tbody tr:hover,:root[data-theme="dark"] .table tbody tr:hover{background:#244a5b}:root[data-theme="dark"] .article thead th,:root[data-theme="dark"] .table thead th{background:#12303d;color:#fff}:root[data-theme="dark"] .article tbody tr:nth-child(even),:root[data-theme="dark"] .table tbody tr:nth-child(even){background:#20404f}:root[data-theme="dark"] .table td:first-child{color:var(--text)}:root[data-theme="dark"] .comment-reply{background:var(--surface-2)}:root[data-theme="dark"] .article p,:root[data-theme="dark"] .article li,:root[data-theme="dark"] .faq__answer,:root[data-theme="dark"] .tip__text,:root[data-theme="dark"] .raetsel-loesung>:not(summary),:root[data-theme="dark"] .article--post>p:first-of-type,:root[data-theme="dark"] .sidebar a,:root[data-theme="dark"] .autor-zeile,:root[data-theme="dark"] .autor-zeile a,:root[data-theme="dark"] .share-bar__label,:root[data-theme="dark"] .worksheet-item__direct,:root[data-theme="dark"] .btn--secondary,:root[data-theme="dark"] .dialog{color:var(--text)}:root[data-theme="dark"] .worksheet-item__direct{background:var(--surface-2);border-left-color:var(--ring);border-top-color:var(--ring)}:root[data-theme="dark"] .worksheet-item__direct:hover{background:#2c5468}:root[data-theme="dark"] .article h2:not([class]),:root[data-theme="dark"] .article h3:not([class]),:root[data-theme="dark"] h2.article-card__title,:root[data-theme="dark"] h2.article-row__title,:root[data-theme="dark"] h2.feature-card__title,:root[data-theme="dark"] .media-card__title{color:var(--brand-2)}:root[data-theme="dark"] .article-row__excerpt,:root[data-theme="dark"] .media-card__excerpt,:root[data-theme="dark"] .article-card__excerpt,:root[data-theme="dark"] .feature-card__intro,:root[data-theme="dark"] .comment-form__consent,:root[data-theme="dark"] .comment-section__subtitle,:root[data-theme="dark"] .bb-linkgrid__meta{color:var(--muted)}:root[data-theme="dark"] .header{background:rgba(15,31,39,.55)}:root[data-theme="dark"] .tile__title,:root[data-theme="dark"] .tile__badge{background:rgba(15,31,39,.82);color:var(--text)}:root[data-theme="dark"] .tile:hover .tile__title{background:rgba(15,31,39,.92)}:root[data-theme="dark"] .article blockquote{background:linear-gradient(135deg,#20313b 0%,#182833 100%);color:var(--text)}:root[data-theme="dark"] .article code{background:#2a2119}:root[data-theme="dark"] .tag--klassenstufe{background:#173444;color:var(--text);border-color:var(--ring)}:root[data-theme="dark"] .tag--fach{background:#33251c;border-color:#5a3d28}:root[data-theme="dark"] .tag--thema{background:#1c3320;border-color:#345a37}:root[data-theme="dark"] .story-content{background:#223842;color:#eaf1f0;--silbe-blue:#8ec8ec;--silbe-red:#ff9e8f}:root[data-theme="dark"] .story-content>p:first-of-type::first-letter{color:var(--brand)}:root[data-theme="dark"] .story-content .dialog:not(.dialog--speaker){background:rgba(252,133,80,.16);color:#eaf1f0}:root[data-theme="dark"] .story-content .dialog--speaker{background:transparent}:root[data-theme="dark"] .story-content .dialog--speaker .dialog-text{color:#eaf1f0}:root[data-theme="dark"] .nav a.active,:root[data-theme="dark"] .nav a[aria-current="page"]{background:color-mix(in srgb,var(--brand) 24%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--brand) 45%,var(--ring))}:root[data-theme="dark"] .sidebar a.active{color:var(--brand)}:root[data-theme="dark"] .promo-teaser--blue,:root[data-theme="dark"] .promo-teaser--orange{--pt-text:var(--text)}:root[data-theme="dark"] .promo-teaser__bg{background-image:linear-gradient(to right,#16303c 34%,rgba(22,48,60,.55) 62%,transparent 88%),var(--pt-img)}:root[data-theme="dark"] .promo-teaser__label{background:rgba(255,255,255,.10)}:root[data-theme="dark"] .article-row__body a,:root[data-theme="dark"] .article-card__title a,:root[data-theme="dark"] .feature-card__title a,:root[data-theme="dark"] .merk-row__title{color:var(--brand-2)}:root[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),:root[data-theme="dark"] textarea,:root[data-theme="dark"] select{background:var(--surface-2);color:var(--text);border-color:var(--ring)}:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:var(--muted);opacity:1}:root[data-theme="dark"] .sidebar__comment-page{color:var(--muted)}:root[data-theme="dark"] .sidebar__comment-item a:hover{background:var(--surface-2)}:root[data-theme="dark"] .tip--banoo{background:color-mix(in srgb,var(--brand) 12%,var(--surface));border-top-color:var(--brand)}:root[data-theme="dark"] .tip--banoo .tip__title{color:#ff9d5f}:root[data-theme="dark"] .tip--isi{background:color-mix(in srgb,#6fb0da 12%,var(--surface));border-top-color:#6fb0da}:root[data-theme="dark"] .tip--isi .tip__title{color:#93c7ea}:root[data-theme="dark"] .tip--banoo .tip__media{background:#3a2b22}:root[data-theme="dark"] .tip--isi .tip__media{background:#1d3a4a}:root[data-theme="dark"] .recipe-hero-section__meta{background:linear-gradient(to right,#1b3b4a 50%,rgba(27,59,74,0) 100%)}:root[data-theme="dark"] .recipe-hero-section .recipe-meta__item{border-bottom-color:rgba(255,255,255,.09)}:root[data-theme="dark"] .recipe-ingredients__list li{background:var(--surface-2)}:root[data-theme="dark"] .recipe-ingredient:hover{background:color-mix(in srgb,var(--brand) 16%,var(--surface-2))}:root[data-theme="dark"] .toc__title,:root[data-theme="dark"] .faq__heading{background:var(--surface-2);color:var(--brand-2)}:root[data-theme="dark"] .toc__title::marker,:root[data-theme="dark"] .toc__title::-webkit-details-marker{display:none;content:""}:root[data-theme="dark"] .toc__list a{color:var(--brand-2)}:root[data-theme="dark"] .header__logo img,:root[data-theme="dark"] .sidebar__logo img{content:url('https://banoo.boo/assets/logo_dark.webp')}:root[data-theme="dark"] .promo-teaser--blue{--pt-color:#357099;--pt-hover:#3f82ad;--pt-border:#4a86ad}.sidebar__merk-thumb{flex-shrink:0;width:28px;height:28px;border-radius:8px;overflow:hidden;display:block}.sidebar__merk-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.sidebar__merk-all{display:inline-block;margin:8px 2px 0;font-size:.72rem;font-weight:700;color:var(--brand);text-decoration:none}.sidebar__merk-all:hover{text-decoration:underline}.article__banner .merken-cta--banner{position:absolute;left:12px;top:10px;margin:0;z-index:3;display:block;width:max-content;max-width:calc(100% - 24px)}.merken-cta--banner .merken-btn{background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:7px 14px;font-size:.85rem}.merken-cta--banner .merken-btn svg{color:var(--brand)}.merken-cta--banner .merken-btn:hover{border-color:var(--brand);background:rgba(0,0,0,.62)}.merken-cta--banner .merken-btn.is-saved{background:rgba(252,133,80,.94);border-color:transparent;color:#fff}.merken-cta--banner .merken-btn.is-saved svg{fill:#fff;color:#fff}:root[data-theme="dark"] .article summary{background:var(--surface-2)}.article details>ul:not([class]),.article details>ol:not(.toc__list){padding-left:16px}.pagination{margin:clamp(20px,4vw,34px) 0}.pagination__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.pagination__link{display:inline-block;min-width:40px;padding:8px 12px;border:1px solid var(--ring);border-radius:var(--radius);text-align:center;text-decoration:none;font-weight:600;font-size:.92rem;color:var(--ink);background:var(--card,#fff)}.pagination__link:hover{border-color:var(--brand);color:var(--brand)}.pagination__link--current{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default}.pagination__link--prev,.pagination__link--next{font-weight:700}.pagination__gap{padding:8px 4px;color:var(--ink-mute,#777)}.pagination__info{margin:0 0 14px;font-size:.88rem;color:var(--ink-mute,#777)}@media (max-width: 480px){.pagination__list{gap:6px}.pagination__link{min-width:34px;padding:7px 9px;font-size:.86rem}}@media print{.pagination{display:none}}