.article-reader{color:#183e31;min-width:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;container-type:inline-size}.article-reader *{box-sizing:border-box}.article-reader :is(h1,h2,h3){letter-spacing:-.03em;font-family:inherit;font-style:normal;font-weight:500}.article-opening{border-bottom:1px solid #b8c5b1;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding-bottom:60px;display:grid}.article-reader .article-title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.08}.article-title:focus{outline:0}.article-reader .article-deck{color:#526355;max-width:43ch;margin:26px 0;font-size:19px;line-height:1.65}.article-cover{aspect-ratio:1.15;object-fit:cover;border-radius:16px;width:100%;height:auto;display:block}.article-meta{color:#526355;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.article-meta button{color:#183e31;cursor:pointer;background:0 0;border:1px solid #8a9e89;border-radius:999px;min-height:44px;padding:10px 18px;font:600 14px inherit}.article-meta button:hover{background:#eee3cf}.article-reader .article-share-status{margin-top:10px;font-size:14px}.article-reading-layout{grid-template-columns:240px minmax(0,720px);justify-content:space-between;gap:8%;padding-top:52px;display:grid}.article-contents{align-self:start;font-size:14px;position:sticky;top:135px}.article-contents summary{cursor:pointer;min-height:44px;font-size:18px;font-weight:600;list-style-position:inside;display:list-item}.article-contents nav{margin-top:8px;display:grid}.article-contents nav a{color:#526355;border-radius:8px;min-height:44px;padding:11px 12px;line-height:1.45;text-decoration:none}.article-contents nav a:hover{color:#183e31;background:#eee3cf}.article-contents nav a[aria-current]{color:#fffdf8;background:#183e31}.article-recipe-link{color:#526355;border-top:1px solid #b8c5b1;margin-top:25px;padding-top:25px;line-height:1.65;text-decoration:none;display:block}.article-recipe-link span{color:#183e31;text-underline-offset:4px;font-weight:600;text-decoration:underline}.article-prose{color:#294c3a;overflow-wrap:anywhere;min-width:0;max-width:70ch;font-size:18px;line-height:1.8}.article-prose>p{margin:0 0 23px}.article-prose>p:first-child{color:#183e31;font-size:21px;line-height:1.65}.article-reader .article-prose h2{color:#183e31;text-wrap:balance;margin:54px 0 22px;scroll-margin-top:155px;font-size:clamp(27px,2.6vw,36px);line-height:1.2}.article-reader .article-prose h3{color:#183e31;margin:32px 0 15px;scroll-margin-top:155px;font-size:23px;line-height:1.3}.article-prose ul,.article-prose ol{margin:18px 0 26px;padding-left:24px;list-style-position:outside}.article-prose ul{list-style-type:disc}.article-prose li{margin-bottom:8px;padding-left:7px}.article-prose strong{font-weight:600}.article-prose em{font-style:normal}.article-prose a{color:#183e31;text-underline-offset:4px;text-decoration:underline}.article-prose img{border-radius:12px;max-width:100%;height:auto}.article-food-table{background:#f4f2eb;border-radius:14px;margin-block:28px 24px;padding:24px}.article-food-search{gap:8px;margin-bottom:22px;font-size:15px;font-weight:600;display:grid}.article-food-search input{color:#183e31;background:#fffdf8;border:1px solid #8a9e89;border-radius:9px;width:100%;min-height:46px;padding:10px 14px;font:400 16px/1.5 inherit}.article-food-search input::placeholder{color:#526355}.article-table-scroll{scrollbar-color:#8a9e89 #f4f2eb;overflow:auto}.article-table-scroll table{border-collapse:collapse;text-align:left;width:100%;font-size:15px;line-height:1.5}.article-table-scroll th{color:#183e31;white-space:normal;border-bottom:1px solid #8a9e89;padding:0 12px 15px 0;font-weight:600}.article-table-scroll td{vertical-align:top;border-bottom:1px solid #d5dccf;padding:14px 12px 14px 0}.article-table-scroll th:last-child,.article-table-scroll td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:0}.article-table-scroll tr:last-child td{border:0}.article-table-scroll tbody tr:hover{background:#eee3cf}.article-reader :is(a,button,input,summary,[tabindex="0"]):focus-visible{outline-offset:4px;outline:2px solid #183e31}.article-prose h2:focus{outline:0}.article-reader ::selection{color:#183e31;background:#f1d891}.article-reading-progress{z-index:1100;pointer-events:none;background:0 0;height:4px;position:fixed;top:0;left:0;right:0}.article-reading-progress span{background:#8f6f28;height:100%;display:block}.article-reader-preview{background:#fffdf8;padding:32px}.article-reader-preview .article-contents{position:static}.article-reader-preview .article-title{font-size:clamp(34px,4cqi,58px)}.article-reader-preview .article-reading-layout{grid-template-columns:200px minmax(0,720px);gap:6%}@container (width<=950px){.article-opening{gap:5%}.article-reading-layout{grid-template-columns:200px minmax(0,1fr);gap:5%}.article-reader .article-title{font-size:42px}.article-reader .article-deck{font-size:17px}.article-reader-preview .article-reading-layout{grid-template-columns:170px minmax(0,1fr)}}@container (width<=700px){.article-opening{flex-direction:column;align-items:stretch;gap:26px;padding-bottom:32px;display:flex}.article-reader .article-title{font-size:36px}.article-reader .article-deck{margin-block:20px;font-size:17px}.article-cover{aspect-ratio:1.5}.article-reading-layout,.article-reader-preview .article-reading-layout{flex-direction:column;gap:32px;padding-top:28px;display:flex}.article-contents{border-bottom:1px solid #b8c5b1;padding-bottom:20px;position:static}.article-contents nav{grid-template-columns:1fr 1fr;gap:4px 10px}.article-contents nav a{padding-left:8px;font-size:13px}.article-recipe-link{display:none}.article-prose{max-width:none;font-size:17px;line-height:1.75}.article-prose>p:first-child{font-size:19px}.article-reader .article-prose h2{margin-top:40px;font-size:28px}.article-reader .article-prose h3{font-size:22px}.article-food-table{padding:16px}.article-table-scroll table{font-size:14px}.article-table-scroll td{padding:12px 8px 12px 0}}@container (width<=400px){.article-contents nav{grid-template-columns:1fr}.article-reader .article-title{font-size:32px}.article-meta{gap:10px}.article-reader .article-deck{font-size:16px}}