500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f6f0;--ink:#263b32;--muted:#7b8178;--line:#e0e3d8;--green:#294d3c;--orange:#bd713c;--pale:#edf0e6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Kanit','Leelawadee UI',Tahoma,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #B8A4FF;outline-offset:4px}header{height:94px;border-bottom:1px solid var(--line);background:#fcfcf8}.header-inner{max-width:1340px;margin:auto;height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:800;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:3px}.brand-mark{position:relative;font:46px Georgia;line-height:1;border:1px solid #56705c;padding:0 9px}.brand-mark span{position:absolute;font-size:15px;right:-5px;bottom:0;background:#fcfcf8}nav{display:flex;gap:32px;height:100%;align-items:center}nav a{height:100%;display:flex;gap:8px;align-items:center;position:relative;color:#777b72;font-weight:600;font-size:13px}nav a.active{color:var(--green)}nav a.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--green);width:100%}#saved-count{font-size:10px;background:#edf0e7;border-radius:4px;padding:2px 5px}.edition{font-size:10px;letter-spacing:1.3px;white-space:nowrap}.edition i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7f9670;margin-right:7px}.edition span{border-left:1px solid var(--line);margin-left:14px;padding-left:14px;font-weight:800}main{max-width:1340px;margin:auto;padding:32px 40px 64px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.hero{position:relative;border-radius:4px;overflow:hidden;min-height:340px;background:#20372e;isolation:isolate;color:#fff;display:flex;align-items:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#20372e 0%,#20372ef5 30%,#20372e70 65%,#20372e11)}.hero-art{position:absolute;height:100%;width:70%;right:0;top:0;object-fit:cover;object-position:center 42%;z-index:-2}.hero-content{padding:42px 48px;width:64%}.hero .eyebrow{color:#d3c8a3}.hero h1{font-size:39px;line-height:1.45;letter-spacing:-1.2px;margin:17px 0 12px;font-weight:600}.hero h1 em{color:#d7c69b;font-style:normal}.hero p{color:#bac6b9;line-height:1.9;font-size:13px;margin:0 0 23px}.search-form{display:flex;align-items:center;background:#fff;border-radius:3px;max-width:530px;padding:6px;gap:8px;box-shadow:0 8px 30px #0b170a1a}.search-form .search-glyph{font-size:23px;color:#879184;padding:0 9px}.search-form input{width:100%;min-width:0;border:0;background:none;padding:11px 0;outline:none;color:#243c30;font-size:12px}.search-form button,.primary{border:0;background:var(--green);color:white;border-radius:2px;padding:13px 23px;font-weight:600;white-space:nowrap}.hero-caption{position:absolute;bottom:19px;right:25px;color:#f5f1e2ad;letter-spacing:2px;font-size:9px}.quick{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:11px;color:#acbaa9;flex-wrap:wrap}.quick button{border:0;background:none;color:#e8e7d5;padding:0;border-bottom:1px solid #708471;font-size:11px}.intro-row{display:flex;align-items:center;justify-content:space-between;margin:33px 0 16px;gap:20px}.intro-row h2{font-size:21px;margin:0;font-weight:700;letter-spacing:-.6px}.intro-row p{font-size:11px;color:var(--muted);margin:4px 0 0}.text-link{font-size:11px;color:var(--green);font-weight:700;background:transparent;border:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{position:relative;text-align:left;padding:20px 18px;background:#fff;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;gap:18px;transition:transform .2s,border-color .2s}.category:hover{transform:translateY(-3px);border-color:#8ba182}.category .art{height:58px;width:60px;background:var(--pale);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.category img{height:46px;width:46px;object-fit:contain;filter:drop-shadow(0 4px 4px #233c3330)}.category .glyph{background:var(--green)}.category h3{font-size:14px;margin:0 0 5px}.category small{color:var(--muted);font-size:10px}.category .arrow{position:absolute;right:14px;top:13px;font-size:13px;color:#acb6a5}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;margin-top:3px}.tabs{display:flex;gap:5px;padding:0 0 14px;flex-wrap:wrap}.tab,.chip{background:transparent;border:1px solid var(--line);border-radius:3px;color:#7b8176;font-size:11px;padding:7px 14px}.tab.selected,.chip.selected{background:var(--green);color:#fff;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #243d3210}.card>a{display:block}.card-image{height:121px;background:radial-gradient(ellipse at 50% 80%,#e3e7d9,transparent 65%),#f1f2e9;display:grid;place-items:center;position:relative}.card-image:after{content:'';position:absolute;bottom:15px;width:45px;height:5px;border-radius:50%;background:#31492a18;filter:blur(4px)}.card-image img{height:83px;width:90px;object-fit:contain;filter:drop-shadow(0 5px 4px #19362625);z-index:1}.card .bookmark{position:absolute;top:9px;right:9px;z-index:2;font-size:17px;background:#fff9;color:#7b8c73;border:0;border-radius:3px;width:25px;height:27px}.bookmark.on{color:#a26738;background:#faf0d5}.card-body{padding:12px 13px 13px}.card h3{font-size:12px;font-weight:600;margin:4px 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .type{font-size:9px;letter-spacing:.4px;color:#8a9281}.card-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid #eff0e9;padding-top:9px}.card-meta span:last-child{color:#607d59}.guide-aside{border:1px solid var(--line);border-radius:4px;margin-top:33px;align-self:start;overflow:hidden;background:#eeeee3}.aside-art{height:125px;object-fit:cover;object-position:50% 58%;width:100%;mix-blend-mode:multiply}.aside-content{padding:19px 22px 21px}.aside-content h3{font-size:20px;line-height:1.5;margin:12px 0}.aside-content p{color:var(--muted);font-size:11px;line-height:1.9}.aside-content a{display:block;border-top:1px solid #d8ddcf;padding:10px 0;font-size:11px}.aside-content a span{float:right}.note{background:#ebeedd;border-left:2px solid #a5b28a;padding:12px 15px;font-size:11px;color:#657454;line-height:1.8}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:17px}.journey>a{display:flex;gap:14px;border-top:1px solid var(--line);padding:20px 0;align-items:center}.step-number{font:italic 30px Georgia;color:#b1bba5}.journey img{width:42px;height:42px;object-fit:contain}.journey h3{font-size:12px;margin:0 0 5px}.journey p{font-size:10px;color:var(--muted);margin:0}.breadcrumb{font-size:11px;color:#889080;display:flex;gap:10px;align-items:center;margin-bottom:28px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-size:31px;letter-spacing:-1px;margin:8px 0}.page-heading p{color:var(--muted);font-size:12px}.browse-layout{display:grid;grid-template-columns:190px 1fr;gap:28px}.sidebar{align-self:start;border:1px solid var(--line);background:#fff;padding:20px 16px;border-radius:4px}.sidebar h3{font-size:10px;letter-spacing:1.3px;color:#9b9f91;margin:0 0 16px}.sidebar a{display:flex;justify-content:space-between;font-size:12px;padding:12px 9px;border-radius:3px}.sidebar a.active{background:#eaf0e3;color:var(--green);font-weight:700}.sidebar small{color:#939c8a}.browse-search{border:1px solid var(--line);box-shadow:none;max-width:100%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0;color:var(--muted);font-size:11px}.toolbar select{padding:6px 10px;border:1px solid var(--line);background:white;color:var(--ink);font-size:11px;border-radius:3px}.pagination{display:flex;justify-content:center;gap:7px;margin:27px 0}.pagination button{border:1px solid var(--line);background:white;color:var(--green);border-radius:3px;padding:9px 14px}.pagination button:disabled{opacity:.35;cursor:default}.pagination span{padding:10px;font-size:12px}.detail-top{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-bottom:28px;align-items:center}.detail-image{height:240px;background:radial-gradient(circle,#d9dfc7,#edf0e4 70%);border:1px solid var(--line);display:grid;place-items:center;border-radius:4px;position:relative}.detail-image>img{width:165px;height:165px;object-fit:contain;filter:drop-shadow(0 13px 8px #31482b22)}.detail-top h1{font-size:33px;margin:12px 0}.detail-top p{line-height:2;color:#7a8374;max-width:650px;font-size:13px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:5px 10px;background:#e8eddf;border-radius:3px;font-size:10px;color:#68805c}.detail-top .primary{margin-top:20px;font-size:12px}.detail-nav{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:28px}.detail-nav a{padding:14px 0;font-weight:600;font-size:12px}.detail-nav a:first-child{border-bottom:2px solid var(--green)}.detail-section{margin-bottom:33px;scroll-margin-top:20px}.detail-section h2{font-size:20px;margin:0 0 7px}.subtext{font-size:11px;color:var(--muted);line-height:1.9;margin:0 0 18px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.source-card{padding:16px;background:white;border:1px solid var(--line);display:flex;gap:13px;border-radius:4px;align-items:center}.source-card img{width:52px;height:55px;object-fit:contain}.source-card b{display:block;font-size:12px}.source-card small{display:block;color:var(--muted);font-size:10px;margin:5px 0;line-height:1.7}.recipe-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:4px;margin-top:15px}.recipe-panel h3{font-size:15px;margin:0 0 18px}.recipe-flow{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.ingredient{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2f3eb;padding:16px 12px;flex:1;min-width:115px;border:1px solid #e4e8da;border-radius:3px;text-align:center}.ingredient img{width:57px;height:57px;object-fit:contain}.ingredient b{font-size:11px;margin:9px 0 5px}.ingredient small{font-size:10px;color:var(--muted);line-height:1.7}.ingredient.result{background:#e7eddc;border-color:#c1ccae}.flow-arrow{align-self:center;font-size:24px;color:#93a17e}.recipe-tools{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#7c8973;padding-top:18px;margin-top:17px;border-top:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:minmax(0,840px) 250px;gap:50px}.article{background:#fff;border:1px solid var(--line);border-radius:4px;padding:30px 36px;line-height:2;font-size:13px}.article h1{font-size:29px;line-height:1.6}.article h2{font-size:21px;margin-top:35px;padding-top:15px;border-top:1px solid var(--line)}.article h3{font-size:16px;margin-top:27px}.article img{max-width:100%;height:auto;border-radius:3px}.article p img{vertical-align:middle}.article a{color:#597f3c;text-decoration:underline}.article table{width:100%;border-collapse:collapse;font-size:11px;margin:18px 0;display:block;overflow:auto}.article td,.article th{padding:9px 13px;border:1px solid var(--line);text-align:left}.article th{background:#edf1e6}.article blockquote{background:#eff2e8;margin:14px 0;padding:10px 20px;border-left:3px solid #a9b68e}.article ul,.article ol{padding-left:24px}.article code{font-size:11px;overflow-wrap:anywhere;background:#eff1e9;padding:2px 4px}.article-nav{align-self:start;position:sticky;top:25px;border-left:1px solid var(--line);padding-left:24px}.article-nav>a{display:block;font-size:11px;line-height:1.9;color:#79876d;padding:8px 0}.article-nav h3{font-size:13px}.empty{padding:60px 25px;text-align:center;background:#eeefe5;border:1px dashed #cdd5c0;grid-column:1/-1}.empty h3{margin-top:0}.empty p{color:var(--muted);font-size:12px}.guide-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.guide-card{display:flex;gap:18px;padding:23px;background:white;border:1px solid var(--line);border-radius:4px}.guide-card .guide-icon{background:var(--green);padding:10px;border-radius:3px;width:58px;height:58px;flex-shrink:0}.guide-card img{height:100%;width:100%;object-fit:contain}.guide-card h3{margin:0 0 8px;font-size:14px}.guide-card p{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.source-disclosure{border-top:1px solid var(--line);margin-top:30px;padding-top:15px;font-size:10px;color:#939b8b;line-height:1.9}footer{max-width:1260px;border-top:1px solid var(--line);margin:0 auto;padding:30px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;color:#88917e;line-height:2}.footer-brand{font-size:14px;letter-spacing:2px;color:var(--green);font-weight:800}.footer-brand span{font-size:9px;font-weight:400}.footer-brand+p{margin:2px 0 0;font-size:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#294d3c;color:white;border-radius:4px;padding:12px 25px;box-shadow:0 8px 30px #213d3240;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.muted{color:var(--muted)}.mobile-menu{display:none}.glyph-img{background:var(--green);padding:8px;border-radius:3px}
@media(min-width:1500px){main{padding-top:40px}.hero{min-height:380px}.hero h1{font-size:44px}.hero-content{padding-top:50px;padding-bottom:50px}.card-image{height:135px}}
@media(max-width:1100px){.header-inner{padding:0 25px}nav{gap:20px}.edition{display:none}main{padding:25px}.home-columns{grid-template-columns:1fr 260px;gap:22px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.category{padding:18px 12px;gap:10px}.category .art{width:47px;height:47px}.category img{width:38px;height:38px}.hero-content{width:76%;padding:35px}.category h3{font-size:12px}.category small{font-size:9px}footer{margin:0 25px}.article-layout{grid-template-columns:1fr 200px;gap:25px}.source-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){header{height:auto}.header-inner{flex-wrap:wrap;padding:18px 20px 0;gap:12px}.brand{font-size:17px}.brand-mark{font-size:34px}.brand small{font-size:7px}nav{order:2;width:100%;gap:24px;justify-content:space-between;overflow:auto}nav a{font-size:11px;padding:12px 0;white-space:nowrap}.edition{display:block;margin-left:auto;font-size:8px}.edition span{display:none}main{padding:20px 17px 40px}.hero{min-height:360px}.hero-content{width:100%;padding:27px}.hero-art{width:100%;opacity:.42;object-position:70% 50%}.hero:after{background:linear-gradient(90deg,#20372ef5,#20372e66)}.hero h1{font-size:32px}.hero p{font-size:12px}.hero-caption{display:none}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category{padding:16px 10px}.category small{font-size:9px}.home-columns{display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-image{height:124px}.card h3{font-size:12px}.guide-aside{margin-top:25px;display:grid;grid-template-columns:110px 1fr}.aside-art{height:100%;object-fit:cover}.aside-content{padding:15px}.aside-content h3{font-size:17px}.aside-content p{margin:7px 0}.journey{grid-template-columns:1fr}.journey>a{padding:14px 0}.intro-row h2{font-size:19px}.intro-row{margin-top:27px}.browse-layout{display:block}.sidebar{padding:7px 10px;display:flex;overflow:auto;gap:5px;margin-bottom:20px}.sidebar h3,.sidebar small{display:none}.sidebar a{white-space:nowrap;font-size:11px;padding:9px}.page-heading h1{font-size:27px}.page-heading{flex-wrap:wrap}.detail-top{grid-template-columns:105px 1fr;gap:20px;align-items:start}.detail-image{height:125px}.detail-image>img{width:85px;height:85px}.detail-top h1{font-size:23px;margin:8px 0}.detail-top p{font-size:11px}.detail-top .eyebrow{font-size:8px}.detail-top .primary{font-size:10px;padding:9px 12px;margin-top:12px}.detail-nav{gap:20px}.detail-nav a{font-size:11px}.source-grid{grid-template-columns:1fr}.article-layout{display:block}.article{padding:17px 20px}.article-nav{position:static;margin-top:24px}.article h1{font-size:24px}.article h2{font-size:18px}.guide-list{grid-template-columns:1fr}.guide-card{padding:18px}.recipe-panel{padding:16px}.recipe-flow{gap:7px}.ingredient{min-width:100px}.ingredient img{width:45px;height:45px}.recipe-tools{font-size:9px}footer{padding-top:22px;margin:0 17px;align-items:start;flex-wrap:wrap}footer>div:nth-child(2){font-size:9px}.toolbar{align-items:start}.breadcrumb{margin-bottom:20px}}
.guide-icon img,.glyph img{filter:brightness(0) invert(1)}

.article .title-icon{width:44px;height:44px;object-fit:contain;vertical-align:middle;margin-right:12px}.article .badge{font-size:9px;padding:3px 7px;border:1px solid var(--line);border-radius:3px;white-space:nowrap}.article .summary{color:var(--muted)}.article .img-icon{display:inline-block;vertical-align:middle}.article .callout{padding:12px 18px;border-left:2px solid var(--orange);background:var(--pale)}.article .partial-note{color:var(--muted);font-size:11px}.article hr{border:0;border-top:1px solid var(--line)}