@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--cream:#f8f4e9;--ink:#171613;--red:#e32e15;--yellow:#ffe863;--green:#9bcc72;--purple:#aa92ef;--line:#211b18;--soft:#fffdf5;--muted:#665e54}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:16px}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.skip-link{position:absolute;left:-1000px;top:8px;background:#fff;padding:8px;z-index:100}.skip-link:focus{left:8px}::selection{background:var(--yellow);color:var(--ink)}
.site-header{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(24px,5vw,82px);background:rgba(248,244,233,.96);border-bottom:2px solid var(--ink);backdrop-filter:blur(12px)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:900;line-height:.84;letter-spacing:-.07em;font-size:19px}.brand-mark{height:41px;width:41px;border-radius:11px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:30px;line-height:1}.main-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,38px)}.main-nav a{text-decoration:none;font-size:14px;font-weight:800}.main-nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.nav-cta,.button{border-radius:100px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:24px;transition:transform .2s,box-shadow .2s}.nav-cta{background:var(--red);color:#fff;padding:13px 22px;font-size:13px;white-space:nowrap}.nav-cta:hover,.button:hover{transform:translateY(-3px);box-shadow:4px 5px 0 var(--ink)}.menu-toggle{display:none;background:none;border:0;font-size:27px}
.hero{min-height:650px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden;background:var(--yellow);border-bottom:2px solid var(--ink)}.hero-copy{position:relative;z-index:2;padding:clamp(75px,7vw,118px) 5vw 110px}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.15em;margin:0 0 25px}.hero h1,.section-heading h2,.sustain-copy h2,.about-inner h2{font-weight:900;letter-spacing:-.075em;line-height:1.08;margin:0}.hero h1{font-size:clamp(62px,7.3vw,118px)}.hero h1 em,.sustain-copy h2 em,.about-inner h2 em{font-style:normal;color:var(--red)}.hero-lead{font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.75;max-width:490px;margin:29px 0 32px}.button{padding:16px 26px}.button-dark{background:var(--ink);color:#fff}.hero-index{position:absolute;left:5vw;bottom:29px;font-size:12px;font-weight:900;letter-spacing:.1em}.hero-art{position:relative;min-height:600px;background:var(--red);border-left:2px solid var(--ink);overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.16) 0 4px,transparent 5px) 0 0/36px 36px;opacity:.65}.art-sun{position:absolute;width:230px;height:230px;background:#ffbe5c;border-radius:50%;top:65px;right:-48px}.art-plate{position:absolute;width:min(42vw,520px);height:min(42vw,520px);min-width:360px;min-height:360px;border:26px solid #f9eee0;border-radius:50%;background:#f4b9a6;box-shadow:16px 19px 0 rgba(0,0,0,.15),inset 0 0 0 4px var(--ink);left:50%;top:50%;transform:translate(-50%,-48%) rotate(-10deg)}.art-bowl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56%;height:56%;border-radius:50%;background:var(--cream);border:5px solid var(--ink);display:grid;place-items:center;box-shadow:inset 0 0 0 19px #f9cf65}.art-bowl span{font-size:clamp(48px,5vw,78px);line-height:.95;font-weight:900;text-align:center}.art-leaf{position:absolute;display:block;background:var(--green);border:4px solid var(--ink);border-radius:90% 0 90% 0;transform:rotate(20deg)}.leaf-a{width:80px;height:41px;top:27%;right:9%}.leaf-b{width:102px;height:46px;bottom:23%;left:6%;transform:rotate(-42deg)}.leaf-c{width:65px;height:35px;bottom:13%;right:17%;transform:rotate(60deg)}.art-sticker{position:absolute;border:3px solid var(--ink);font-weight:900;text-align:center;line-height:1.05;transform:rotate(-11deg);box-shadow:6px 7px 0 var(--ink)}.sticker-top{top:70px;left:8%;padding:16px;background:var(--green);font-size:20px}.sticker-bottom{right:6%;bottom:62px;padding:17px;background:var(--purple);font-size:16px;transform:rotate(9deg)}
.section-pad{padding:100px clamp(24px,5vw,82px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-heading h2,.sustain-copy h2,.about-inner h2{font-size:clamp(44px,5vw,76px)}.section-heading p:not(.eyebrow){font-size:18px;font-weight:600;color:#37322d;margin:17px 0 0;line-height:1.7}.spark{color:var(--red);padding-left:15px}.spark.purple{color:#7f61da}.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);border:2px solid var(--ink);border-radius:50px;padding:10px 16px;font-size:13px;font-weight:800;white-space:nowrap}.map-section{background:var(--cream)}.map-shell{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);border:3px solid var(--ink);border-radius:26px;overflow:hidden;background:var(--soft);box-shadow:10px 10px 0 #f3d8b0}.map-stage{min-height:610px;position:relative;overflow:hidden;background:#bde1d7;border-right:3px solid var(--ink)}.map-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(23,22,19,.12) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.map-instruction{position:absolute;top:24px;left:24px;z-index:2;padding:12px 16px;border:2px solid var(--ink);border-radius:100px;background:var(--cream);font-size:13px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.pulse-dot{display:inline-block;width:9px;height:9px;background:var(--red);border-radius:50%;margin-right:8px}.hk-map{position:absolute;inset:8px 0 0;width:100%;height:calc(100% - 8px)}.map-water{fill:transparent}.coast{stroke:var(--ink);stroke-width:5;stroke-linejoin:round;fill:#b8d891;filter:drop-shadow(8px 8px 0 rgba(23,22,19,.13))}.coast-kowloon{fill:#d9de9d}.coast-hki{fill:#f7bd8e}.coast-island{fill:#e9d497}.coast.tiny{stroke-width:4}.map-line{fill:none;stroke:var(--ink);stroke-width:3;stroke-dasharray:8 8;opacity:.4}.map-hotspot{cursor:pointer;outline:0}.map-hotspot circle{fill:var(--yellow);stroke:var(--ink);stroke-width:5;filter:drop-shadow(6px 6px 0 rgba(23,22,19,.33));transition:fill .2s,transform .2s;transform-origin:center}.map-hotspot text{text-anchor:middle;fill:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:25px;font-weight:900;pointer-events:none}.map-hotspot:hover circle,.map-hotspot:focus circle,.map-hotspot.active circle{fill:var(--red);transform:scale(1.08)}.map-hotspot:hover text,.map-hotspot:focus text,.map-hotspot.active text{fill:white}.map-hotspot:focus-visible circle{stroke-width:9}.map-foot{position:absolute;left:17px;right:17px;bottom:16px;display:flex;gap:20px;justify-content:space-between;font-size:11px;font-weight:700;color:#2c4b48}.map-results{padding:30px 25px 24px;display:flex;flex-direction:column;max-height:650px}.results-kicker{display:block;font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--red);margin-bottom:12px}.results-top h3{font-size:clamp(30px,2.7vw,40px);font-weight:900;line-height:1.15;letter-spacing:-.05em;margin:0}.results-top p{line-height:1.55;margin:12px 0 16px;color:var(--muted);font-size:14px}.region-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.region-tabs button{border:2px solid var(--ink);border-radius:30px;background:transparent;padding:8px 12px;font-weight:800;font-size:12px}.region-tabs button:hover,.region-tabs button.active{background:var(--yellow)}.results-controls label{font-size:12px;font-weight:800;display:block;margin-bottom:6px}.results-controls input{width:100%;border:2px solid var(--ink);border-radius:12px;padding:10px 13px;background:#fff;font-size:14px;outline:none}.results-controls input:focus{box-shadow:0 0 0 3px var(--yellow)}.restaurant-list{min-height:120px;overflow:auto;margin-top:13px;padding:0 4px 0 0}.restaurant-card{border:2px solid var(--ink);border-radius:14px;padding:14px;margin-bottom:10px;background:#fff;box-shadow:3px 3px 0 #e7d7ad}.restaurant-card[data-status='candidate']{background:#f6f1e5}.restaurant-card-top{display:flex;gap:10px;justify-content:space-between;align-items:start}.restaurant-card h4{font-size:17px;margin:0 0 7px;font-weight:900}.restaurant-card p{font-size:12px;line-height:1.5;color:#514c46;margin:0 0 7px}.restaurant-card .tag{font-size:10px;font-weight:900;border-radius:20px;padding:5px 7px;white-space:nowrap;background:var(--green)}.restaurant-card[data-status='candidate'] .tag{background:#e9d5a1}.restaurant-card a{display:inline-block;margin-top:5px;color:var(--red);font-size:12px;font-weight:900;text-underline-offset:3px}.empty-state{border:2px dashed #969188;border-radius:15px;padding:27px 15px;text-align:center;color:#5d5650;font-size:14px;line-height:1.8}.source-note{font-size:11px;line-height:1.5;color:#6a6259;margin:11px 0 0}
.explore-section{background:#fffaf0;border-top:2px solid var(--ink)}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.explore-card{background:#fff;border:3px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:7px 7px 0 var(--ink);display:flex;flex-direction:column}.card-illustration{height:235px;display:grid;place-items:center;border-bottom:3px solid var(--ink);position:relative;overflow:hidden}.card-illustration:before,.card-illustration:after{content:'';position:absolute;border:3px solid var(--ink);border-radius:50%}.card-illustration:before{width:240px;height:240px;background:rgba(255,255,255,.3);left:-38px;top:40px}.card-illustration:after{width:160px;height:160px;background:rgba(255,255,255,.4);right:-25px;top:-55px}.card-illustration span{position:relative;z-index:1;width:138px;height:138px;display:grid;place-items:center;background:#fff9ed;border:4px solid var(--ink);border-radius:50%;font-size:39px;font-weight:900;line-height:1;text-align:center;transform:rotate(-12deg);box-shadow:9px 10px 0 rgba(0,0,0,.16)}.dimsum{background:#ef694e}.noodles{background:#b9d66f}.island{background:#a38ded}.card-copy{padding:24px;flex:1;display:flex;flex-direction:column}.card-label{font-size:12px;font-weight:900;letter-spacing:.1em}.card-copy h3{font-size:29px;font-weight:900;margin:10px 0 6px;letter-spacing:-.04em}.card-copy p{line-height:1.7;color:#4d463e;margin:0 0 25px}.card-copy a{margin-top:auto;font-size:13px;font-weight:900;text-underline-offset:4px}.section-source{font-size:12px;margin:24px 0 0;color:#675c51}.section-source a{font-weight:800;margin-left:4px}
.sustain-section{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;background:var(--green);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);min-height:500px}.sustain-copy h2 em{color:#25643e}.sustain-copy>p:not(.eyebrow){font-size:20px;line-height:1.7;max-width:600px;font-weight:600}.sustain-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.sustain-pills span{padding:11px 14px;background:var(--cream);border:2px solid var(--ink);border-radius:100px;font-size:13px;font-weight:800}.sustain-graphic{height:340px;position:relative}.graphic-ring{width:320px;height:320px;background:var(--yellow);border:6px solid var(--ink);border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg);box-shadow:16px 17px 0 var(--ink);margin:auto}.graphic-ring span{text-align:center;font-weight:900;font-size:43px;line-height:1.1;letter-spacing:-.06em}.graphic-leaf{position:absolute;font-size:90px;color:var(--red);font-weight:900}.leaf-one{left:10px;top:10px}.leaf-two{right:6px;bottom:10px;color:#6b50c2}
.about-section{background:var(--purple);border-bottom:2px solid var(--ink);position:relative}.about-tag{position:absolute;right:5vw;top:45px;border:3px solid var(--ink);background:var(--yellow);padding:10px 15px;font-size:13px;font-weight:900;transform:rotate(7deg)}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-inner h2 em{color:var(--cream)}.about-copy{padding-top:45px}.about-copy p{font-size:19px;line-height:1.8;font-weight:600;margin:0 0 16px}.about-status{display:inline-block;border:2px solid var(--ink);border-radius:100px;padding:11px 17px;background:var(--cream);font-size:13px;font-weight:900;margin-top:17px}.site-footer{padding:60px clamp(24px,5vw,82px) 40px;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.footer-brand{font-size:34px;font-weight:900;line-height:.9;letter-spacing:-.07em}.footer-brand span{color:var(--yellow)}.footer-links{display:flex;flex-direction:column;gap:10px;font-weight:800;font-size:13px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-meta{display:flex;flex-direction:column;gap:10px;color:#cfc7ba;font-size:12px;line-height:1.5}
@media(max-width:1030px){.main-nav{gap:14px}.main-nav a{font-size:12px}.hero h1{font-size:70px}.map-shell{grid-template-columns:1fr}.map-stage{border-right:0;border-bottom:3px solid var(--ink);min-height:500px}.map-results{max-height:none}.restaurant-list{max-height:360px}.explore-grid{gap:14px}.card-copy{padding:18px}}
@media(max-width:760px){.site-header{height:67px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--cream);padding:20px 25px;border-bottom:2px solid var(--ink);flex-direction:column;align-items:flex-start;gap:18px}.main-nav.open{display:flex}.main-nav a{font-size:16px}.nav-cta{margin-left:auto;padding:10px 15px;font-size:11px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 6vw 75px}.hero h1{font-size:clamp(56px,13vw,88px)}.hero-lead{font-size:17px}.hero-art{min-height:390px;border-left:0;border-top:2px solid var(--ink)}.art-plate{width:340px;height:340px;min-width:0;min-height:0;border-width:19px}.art-bowl span{font-size:48px}.sticker-top{top:20px}.sticker-bottom{bottom:24px}.hero-index{display:none}.section-pad{padding:65px 6vw}.section-heading{display:block}.section-heading h2,.sustain-copy h2,.about-inner h2{font-size:clamp(43px,10vw,67px)}.pill{margin-top:18px}.map-stage{min-height:420px}.map-instruction{top:13px;left:13px;font-size:11px;padding:9px 11px}.map-foot{font-size:9px;display:block}.map-foot span+span{display:none}.hk-map{top:12px}.map-hotspot circle{r:65}.map-results{padding:26px 17px}.explore-grid{grid-template-columns:1fr}.card-illustration{height:190px}.sustain-section{grid-template-columns:1fr;gap:15px}.sustain-graphic{height:300px}.graphic-ring{height:260px;width:260px}.graphic-ring span{font-size:35px}.about-inner{grid-template-columns:1fr;gap:12px}.about-tag{top:25px;right:25px;font-size:10px}.about-copy{padding-top:8px}.about-copy p{font-size:16px}.site-footer{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1}}
@media(max-width:420px){.brand{font-size:16px}.brand-mark{width:34px;height:34px;font-size:25px}.nav-cta{display:none}.map-stage{min-height:330px}.map-hotspot circle{r:69}.map-hotspot text{font-size:29px}.map-foot{bottom:10px}.art-plate{width:300px;height:300px}.art-bowl span{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.language-control{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:900}.language-control select{max-width:112px;border:2px solid var(--ink);border-radius:18px;background:var(--soft);color:var(--ink);padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer}.language-control select:focus-visible,.map-tools button:focus-visible,.neighbourhood-tabs button:focus-visible,.focus-place:focus-visible,.xhs-actions a:focus-visible,.xhs-actions button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.map-tools{position:absolute;top:23px;right:22px;z-index:4;display:flex;gap:6px}.map-tools button{min-width:35px;min-height:35px;padding:4px 7px;border:2px solid var(--ink);border-radius:10px;background:var(--cream);font-weight:900;box-shadow:3px 3px 0 var(--ink)}.map-tools button:hover{background:var(--yellow)}.map-tools button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hk-map{transition:transform .45s ease,transform-origin .45s ease}.hk-map.zoomed .map-hotspot:not(.active){opacity:.18;pointer-events:none}.hk-map.detail .map-hotspot{opacity:0;pointer-events:none}.neighbourhood-pin{cursor:pointer}.neighbourhood-pin circle{fill:var(--red);stroke:var(--ink);stroke-width:3;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.3))}.neighbourhood-pin text{text-anchor:middle;fill:var(--ink);font-size:15px;font-weight:900;paint-order:stroke;stroke:var(--cream);stroke-width:5px}.neighbourhood-pin:hover circle,.neighbourhood-pin.active circle{fill:var(--yellow);r:19}.neighbourhood-pin:focus-visible circle{stroke-width:6}.map-selection{position:absolute;left:22px;bottom:52px;z-index:4;max-width:min(320px,65%);background:var(--yellow);border:2px solid var(--ink);border-radius:14px;padding:10px 13px;box-shadow:4px 4px 0 var(--ink)}.map-selection[hidden]{display:none}.map-selection strong,.map-selection a{display:block}.map-selection strong{font-size:15px}.map-selection a{font-size:11px;font-weight:800;margin-top:4px}.neighbourhood-tabs{display:flex;gap:6px;overflow:auto;max-width:100%;margin:-6px 0 14px;padding:0 0 5px}.neighbourhood-tabs:empty{display:none}.neighbourhood-tabs button{border:1.5px solid var(--ink);border-radius:20px;background:var(--soft);font-size:11px;font-weight:800;white-space:nowrap;padding:6px 9px}.neighbourhood-tabs button:hover,.neighbourhood-tabs button.active{background:var(--green)}.restaurant-card.selected{border-color:var(--red);box-shadow:4px 4px 0 var(--red)}.restaurant-card .focus-place{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:900;padding:0;margin:3px 0 8px}.source-buttons{display:flex;flex-wrap:wrap;gap:6px}.source-buttons a{display:inline-flex!important;align-items:center;padding:6px 8px;margin:0!important;border:1px solid var(--ink);border-radius:8px;text-decoration:none;color:var(--ink)!important;font-size:10px!important;background:var(--yellow)}.source-buttons a.source-google{background:#e3e9ff}.ratings-note{font-size:11px;line-height:1.45;color:#6a6259;margin:7px 0 0}.xhs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.xhs-actions button,.xhs-actions a{display:inline-block;border:2px solid var(--ink);border-radius:20px;background:var(--yellow);color:var(--ink);padding:10px 13px;font-size:12px;font-weight:900;text-decoration:none}.xhs-actions a{background:var(--cream)}.xhs-status{font-size:12px!important;margin:8px 0 0!important;min-height:1.5em}
.map-selection{width:min(350px,70%)}.map-selection span{display:block;font-size:11px;line-height:1.4;margin-top:4px}.map-selection-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.map-selection-links a{background:var(--cream);border:1px solid var(--ink);border-radius:8px;padding:5px 6px;text-decoration:none}.map-selection-links a:hover{background:#e3e9ff}
html[dir='rtl'] .hero-copy,html[dir='rtl'] .map-results,html[dir='rtl'] .card-copy,html[dir='rtl'] .sustain-copy,html[dir='rtl'] .about-copy{text-align:right}html[dir='rtl'] .map-instruction{left:auto;right:24px}html[dir='rtl'] .map-tools{right:auto;left:22px}html[dir='rtl'] .restaurant-card-top{direction:rtl}html[dir='rtl'] .source-buttons{direction:rtl}html[lang='ar'] body{font-family:'Noto Sans Arabic','Noto Sans TC','DM Sans',sans-serif}html[lang='ru'] .map-hotspot text,html[lang='ar'] .map-hotspot text{font-size:19px}
@media(max-width:1030px){.site-header{gap:12px}.language-control .language-label{display:none}.language-control select{max-width:92px}.main-nav{gap:10px}}
@media(max-width:760px){.language-control{margin-left:auto}.nav-cta{display:none}.map-tools{top:13px;right:13px}.map-instruction{max-width:58%}.map-selection{bottom:34px;left:12px}.site-header{gap:9px}}
@media(max-width:420px){.language-control select{max-width:84px;padding:5px}.map-tools button{min-width:29px;min-height:29px;font-size:11px}.map-tools{right:8px;top:8px;gap:3px}.map-instruction{left:8px;top:8px;font-size:9px;max-width:51%}}
.brand-mark{font-family:'Noto Sans TC',sans-serif;font-size:27px;font-weight:900;letter-spacing:0;padding-bottom:2px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink)}.brand>span:last-child{font-size:16px;line-height:.92;letter-spacing:-.055em}
@media(max-width:420px){.brand-mark{font-size:24px}.brand>span:last-child{font-size:14px}}
img.brand-mark{width:45px;height:45px;display:block;flex:none;object-fit:contain;padding:0;border:0;border-radius:0;background:none}
@media(max-width:420px){img.brand-mark{width:38px;height:38px}}
.search-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.search-examples button{border:1px solid var(--ink);border-radius:16px;padding:5px 9px;background:var(--yellow);font-size:11px;font-weight:800;cursor:pointer}.external-search{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px;padding:9px 10px;border:1px dashed #847c6e;border-radius:12px;background:#fff9ed}.external-search[hidden]{display:none}.external-search span{width:100%;font-size:11px;font-weight:800}.external-search a{color:var(--ink);font-size:11px;font-weight:800;text-underline-offset:3px}.external-search a+a{margin-left:7px}.sort-explainer{margin:9px 0 0;font-size:11px;font-weight:700;color:#554c43;line-height:1.45}.restaurant-card .rank-reason{display:inline-block;background:#fff0bf;color:#453729;padding:4px 7px;border-radius:8px;font-size:11px;font-weight:800;margin-bottom:8px}.source-buttons a.source-xhs{background:#f8dada}
.restaurant-card[data-status='firsthand-note'] .tag{background:#f8c8bc}.owner-notes{margin-top:48px;padding:30px;border:3px solid var(--ink);border-radius:24px;background:#fff6df;box-shadow:7px 7px 0 #e9d6a3;scroll-margin-top:100px}.owner-notes-heading h3{font-size:clamp(30px,3vw,44px);margin:3px 0 8px;line-height:1.1}.owner-notes-heading p:last-child{font-size:15px;line-height:1.6;margin:0 0 22px}.owner-note-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.owner-note-card{display:flex;flex-direction:column;align-items:flex-start;border:2px solid var(--ink);border-radius:17px;background:#fff;padding:17px;min-height:225px}.owner-note-number{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:11px;font-weight:900}.owner-note-card h4{font-size:18px;line-height:1.3;margin:12px 0 8px}.owner-note-card p{font-size:12px;line-height:1.5;color:#5a5148;margin:0 0 14px}.owner-note-card a,.owner-note-card button{font-size:12px;font-weight:900;color:var(--red)}.owner-note-card a{margin-top:auto;text-underline-offset:3px}.owner-note-card button{margin-top:9px;border:0;background:transparent;padding:0;cursor:pointer}@media(max-width:1030px){.owner-note-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.owner-notes{padding:19px}.owner-note-list{grid-template-columns:1fr}.owner-note-card{min-height:0}}

/* Shared rice-wheel motif across decorative marks. */
.section-heading .spark{display:inline-block;width:.55em;height:.55em;margin-inline-start:.16em;padding:0;vertical-align:baseline;background:url('./favicon.svg?v=20261026riceall') center/contain no-repeat}
#mode-illustration::before{content:"";display:inline-block;width:1.1em;height:1.1em;margin-inline-end:.36em;vertical-align:-.18em;background:url('./favicon.svg?v=20261026riceall') center/contain no-repeat}
.graphic-leaf.leaf-two{display:block;width:72px;height:72px;background:url('./favicon.svg?v=20261026riceall') center/contain no-repeat;transform:rotate(14deg)}

.footer-brand img.footer-mark{display:inline-block;width:.85em;height:.85em;margin-inline-start:.05em;vertical-align:-.09em;object-fit:contain}