:root{--cl-amber-ink:#7a5514;--cl-red-ink:#8e3f32;--cl-mark:color-mix(in srgb, var(--olive) 30%, transparent)}@media (prefers-color-scheme:dark){:root{--cl-amber-ink:#e3bd72;--cl-red-ink:#eba08f;--cl-mark:color-mix(in srgb, var(--olive) 34%, transparent)}}.md-mark{color:inherit;background:linear-gradient(to bottom, transparent 52%, var(--cl-mark) 52%, var(--cl-mark) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}.prose .callout{border:1px solid var(--line);background:var(--card);border-radius:14px;margin:24px 0;padding:14px 18px 16px;position:relative}.prose .callout+*{margin-top:20px}.callout-label{font-family:var(--font-display), Georgia, serif;letter-spacing:.16em;text-transform:uppercase;color:var(--olive-ink);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.callout-body{margin-top:6px}.callout-body>*+*{margin-top:8px}.callout-body ul{padding-left:20px;list-style:outside}.callout-body ol{padding-left:20px;list-style:decimal}.prose .callout[data-kind=key]{background:var(--board);border-color:color-mix(in srgb, var(--board) 70%, #000);color:var(--board-ink);box-shadow:inset 0 0 0 5px var(--board), inset 0 0 0 6px color-mix(in srgb, var(--board-ink) 22%, transparent);padding:18px 22px 20px}.callout[data-kind=key] .callout-label{color:color-mix(in srgb, var(--board-ink) 78%, transparent)}.callout[data-kind=key] .callout-body{font-family:var(--font-display), Georgia, serif;font-size:18.5px;line-height:1.45}.prose .callout[data-kind=key] a{color:var(--board-ink);text-underline-offset:3px;text-decoration:underline}.callout[data-kind=key] .md-mark{background:linear-gradient(to bottom, transparent 58%, color-mix(in srgb, var(--board-ink) 22%, transparent) 58%)}.prose .callout[data-kind=example]{border:1.5px dashed color-mix(in srgb, var(--olive) 70%, var(--line));background:color-mix(in srgb, var(--olive-soft) 55%, var(--card))}.prose .callout[data-kind=example]:before{content:"";background:radial-gradient(circle at 5px -1px, var(--paper) 4px, transparent 4.5px) repeat-x;background-size:14px 6px;height:6px;position:absolute;top:-1px;left:18px;right:18px}.prose .callout[data-kind=warn],.prose .callout[data-kind=mistake]{border-left-width:4px}.prose .callout[data-kind=warn]{border-left-color:var(--amber);background:color-mix(in srgb, var(--amber) 9%, var(--card))}.callout[data-kind=warn] .callout-label{color:var(--cl-amber-ink)}.prose .callout[data-kind=mistake]{border-left-color:var(--red);background:color-mix(in srgb, var(--red) 7%, var(--card))}.callout[data-kind=mistake] .callout-label{color:var(--cl-red-ink)}.prose blockquote.pull-quote{font-family:var(--font-display), Georgia, serif;background:0 0;border:none;border-radius:0;margin:26px 0;padding:4px 0 4px 34px;font-size:20px;font-style:italic;line-height:1.45;position:relative}.prose blockquote.pull-quote:before{content:"“";color:var(--olive);font-size:54px;font-style:normal;line-height:1;position:absolute;top:-8px;left:0}.prose blockquote>*+*{margin-top:8px}.faq-list{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:12px;padding:0 16px}.faq-item+.faq-item{border-top:1px dashed var(--line)}.faq-item>summary{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:12px 0;list-style:none;display:flex}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}.prose .faq-q,.faq-q{font-family:var(--font-display), Georgia, serif;color:var(--ink);margin:0;font-size:17px;font-weight:600;line-height:1.35}.faq-item>summary:hover .faq-q{color:var(--green)}.faq-icon{border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));background:var(--paper);border-radius:999px;flex-shrink:0;width:30px;height:30px;transition:transform .2s,background .2s;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--green);border-radius:2px;width:12px;height:1.8px;margin:-.9px 0 0 -6px;position:absolute;top:50%;left:50%}.faq-icon:after{transform:rotate(90deg)}.faq-item[open] .faq-icon{background:var(--green-soft);transform:rotate(45deg)}.faq-a{color:var(--ink);padding:0 0 16px}.faq-a>*+*{margin-top:10px}.faq-a ul{padding-left:20px;list-style:outside}.faq-a ol{padding-left:20px;list-style:decimal}.faq-item[open] .faq-a{animation:.18s ease-out faq-in}@keyframes faq-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.faq-icon{transition:none}.faq-item[open] .faq-a{animation:none}}.md-figure{margin:22px 0}.md-figure figcaption{text-align:center;margin-top:8px}.zoom-trigger{border:1px solid var(--line);background:var(--card);width:100%;color:inherit;cursor:zoom-in;font:inherit;text-align:inherit;border-radius:14px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.zoom-trigger:hover{border-color:var(--olive)}.zoom-trigger:focus-visible{outline:2px solid var(--green);outline-offset:2px}.zoom-trigger img,.zoom-trigger svg.figure-svg{width:100%;height:auto;display:block}.zoom-badge{background:color-mix(in srgb, var(--card) 92%, transparent);color:var(--green);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;top:8px;right:8px}.zoom-dialog{border:1px solid var(--line);background:var(--card);width:min(1100px,100vw - 20px);max-width:none;max-height:calc(100dvh - 20px);color:var(--ink);border-radius:16px;margin:auto;padding:0;overflow:hidden}.zoom-dialog::backdrop{background:#0a100bb8}.zoom-inner{flex-direction:column;max-height:calc(100dvh - 22px);display:flex}.zoom-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.zoom-title{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.zoom-btn{min-height:44px}.zoom-stage{-webkit-overflow-scrolling:touch;padding:12px;overflow:auto}.zoom-stage>img,.zoom-stage>svg{width:100%;height:auto;display:block}.zoom-stage.is-big>img,.zoom-stage.is-big>svg{width:200%;max-width:none}.post-dates{flex-wrap:wrap;gap:2px 14px;margin-top:8px;display:flex}.post-dates b{color:var(--ink);font-weight:600}.check-list{flex-direction:column;display:flex}.check-row{border-bottom:1px dashed var(--line);cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:9px 0;line-height:1.45;display:flex}.check-row:last-child{border-bottom:none}.check-row input{width:22px;height:22px;accent-color:var(--green);cursor:pointer;flex-shrink:0;margin-top:1px}.check-row .hint{display:block}.check-row[data-on=true]>span>span:first-child{color:var(--green);font-weight:600}.pick-grid{flex-wrap:wrap;gap:8px;display:flex}.pick-grid .chip{min-height:44px}.verdict-list{flex-direction:column;gap:8px;display:flex}.verdict-list li{align-items:baseline;gap:10px;line-height:1.45;display:flex}.verdict-list li>i{border-radius:99px;flex-shrink:0;width:10px;height:10px;transform:translateY(1px)}.verdict-list li[data-v=good]>i{background:var(--green)}.verdict-list li[data-v=care]>i{background:var(--amber)}.verdict-list li[data-v=no]>i{background:var(--red)}.share-img-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.share-img-row .btn{min-height:44px}.plate-svg .pl-veg{fill:color-mix(in srgb, var(--green) 26%, var(--card))}.plate-svg .pl-prot{fill:color-mix(in srgb, var(--red) 22%, var(--card))}.plate-svg .pl-grain{fill:color-mix(in srgb, var(--amber) 30%, var(--card))}.plate-svg .pl-rim{fill:var(--paper);stroke:var(--line)}.plate-svg .pl-line{stroke:var(--card);stroke-width:3px}.plate-svg .pl-glass{fill:color-mix(in srgb, #5c8fb0 20%, var(--card));stroke:var(--line)}.plate-svg .pl-oil{fill:color-mix(in srgb, var(--olive) 55%, var(--card));stroke:var(--line)}.plate-svg text{fill:var(--ink);font-family:var(--font-body), system-ui, sans-serif}.plate-svg .pl-big{font-family:var(--font-display), Georgia, serif;font-size:19px;font-weight:600}.plate-svg .pl-small{fill:var(--muted);font-size:12.5px}.consent-row{cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:14px;line-height:1.5;display:flex}.consent-row input{width:22px;height:22px;accent-color:var(--green);cursor:pointer;flex-shrink:0;margin-top:1px}.consent-row a{color:var(--green)}@media (max-width:480px){.prose .callout[data-kind=key]{padding:16px 16px 18px}.callout[data-kind=key] .callout-body{font-size:17px}.prose blockquote.pull-quote{padding-left:28px;font-size:18px}.faq-list{padding:0 12px}}.prose .lead-card{border:1px solid var(--line);background:linear-gradient(90deg, var(--green) 0 4px, transparent 4px) no-repeat, color-mix(in srgb, var(--green-soft) 45%, var(--card));border-radius:16px;margin:8px 0 26px;padding:18px 20px 18px 22px;position:relative;box-shadow:0 1px #1f2a200a,0 12px 26px -20px #1f2a2080}.prose .lead-card:after{content:"";pointer-events:none;border:1px solid color-mix(in srgb, var(--line) 55%, transparent);border-radius:11px;position:absolute;inset:5px 5px 5px 9px}.prose .lead-card[data-labeled]{margin-top:20px;padding-top:22px}.lead-tab{z-index:1;background:var(--paper);border:1px solid color-mix(in srgb, var(--green) 30%, var(--line));font-family:var(--font-display), Georgia, serif;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-ink);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:11.5px;font-weight:600;line-height:1.3;display:inline-flex;position:absolute;top:-11px;left:18px}.lead-tab svg{color:var(--olive)}.prose .lead-card p{color:var(--ink);margin:0;font-size:17.5px;line-height:1.6}.prose .lead-card strong{color:var(--green);font-weight:700}.prose .lead-card+*{margin-top:0}@media (max-width:480px){.prose .lead-card{border-radius:14px;padding:16px 16px 16px 19px}.prose .lead-card[data-labeled]{padding-top:20px}.prose .lead-card p{font-size:16.5px}}@media (prefers-color-scheme:dark){.prose .lead-card{box-shadow:0 12px 26px -22px #000c}.prose .lead-card strong{color:var(--ink)}}
