/* cafekind.org — community café chalkboard / menu-board look */
:root{
  --slate:#1d2a25; --slate-2:#24342e; --slate-3:#2c3f38;
  --chalk:#f1efe6; --chalk-dim:#c9cdc2; --dust:rgba(241,239,230,.16);
  --yellow:#f3d46b; --pink:#f4a9bd; --mint:#9fe0c3; --sky:#9cc8f0;
  --wood:#6b4a2f; --wood-2:#8a6240; --wood-3:#4d3320;
  --hand:"Caveat","Comic Sans MS",cursive;
  --body:"Nunito","Trebuchet MS",Verdana,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--chalk);font:17.5px/1.7 var(--body);background:var(--wood-3);
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 3px,transparent 3px 11px),linear-gradient(var(--wood),var(--wood-3))}
a{color:var(--yellow);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--pink)}
.strip{background:#111814;color:var(--chalk-dim);font-size:13px;line-height:1.4;text-align:center;padding:7px 16px}
.board{max-width:1060px;margin:18px auto 28px;background:var(--slate);
  background-image:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.05),transparent 55%),radial-gradient(ellipse at 85% 70%,rgba(255,255,255,.04),transparent 50%);
  border:14px solid var(--wood-2);border-image:linear-gradient(135deg,#9b7049,#6b4a2f 40%,#a77a50 60%,#5c3e26) 1;
  box-shadow:0 10px 30px rgba(0,0,0,.45), inset 0 0 60px rgba(0,0,0,.35)}
@media (max-width:1100px){.board{margin:12px 8px 20px}}
header.site{padding:22px clamp(16px,4vw,40px) 6px;border-bottom:2px dashed var(--dust)}
.brand{display:flex;align-items:center;gap:12px;color:var(--chalk);text-decoration:none}
.brand b{font:700 40px/1 var(--hand);letter-spacing:.01em}
.brand small{display:block;font-size:13px;color:var(--chalk-dim);letter-spacing:.06em;text-transform:uppercase}
nav.main{display:flex;flex-wrap:wrap;gap:4px 18px;padding:12px 0 10px}
nav.main a{color:var(--chalk);text-decoration:none;font:700 24px/1.2 var(--hand);padding:2px 0;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a[aria-current=page]{color:var(--yellow);border-bottom-color:var(--yellow)}
main{padding:22px clamp(16px,4vw,40px) 34px}
article{max-width:760px}
.kicker{font:700 22px/1.2 var(--hand);color:var(--mint);margin:0}
h1{font:700 clamp(40px,7vw,62px)/1.02 var(--hand);color:var(--chalk);margin:4px 0 14px;text-shadow:0 0 1px rgba(241,239,230,.6)}
h2{font:700 34px/1.1 var(--hand);color:var(--yellow);margin:36px 0 8px}
h2::after{content:"";display:block;width:120px;height:8px;margin-top:2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'%3E%3Cpath d='M2 5 C 20 1, 40 7, 60 4 S 100 2, 118 5' fill='none' stroke='%23f3d46b' stroke-width='2' stroke-linecap='round' opacity='.75'/%3E%3C/svg%3E") no-repeat}
h3{font:800 18px/1.3 var(--body);color:var(--pink);margin:22px 0 4px;letter-spacing:.02em}
.lede{font-size:19.5px;color:var(--chalk)}
p,li{color:var(--chalk)}
strong{color:#fff}
.menu{list-style:none;padding:0;margin:16px 0}
.menu li{display:flex;align-items:baseline;gap:10px;padding:6px 0}
.menu li a{font:700 26px/1.2 var(--hand);color:var(--chalk);text-decoration:none;flex:none;max-width:70%}
.menu li a:hover{color:var(--yellow)}
.menu li .dots{flex:1;border-bottom:3px dotted var(--dust);transform:translateY(-6px);min-width:20px}
.menu li em{font-style:normal;color:var(--mint);font:700 20px/1.2 var(--hand);flex:none}
.menu li p{flex-basis:100%}
.menu-desc{margin:-4px 0 10px;color:var(--chalk-dim);font-size:15.5px}
.tbl{overflow-x:auto;margin:14px 0 20px}
table{border-collapse:collapse;width:100%;font-size:15.5px}
th,td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px dashed var(--dust)}
th{font:700 21px/1.1 var(--hand);color:var(--mint);border-bottom:2px solid var(--dust)}
.note{border:2px dashed var(--pink);padding:12px 16px;margin:18px 0;border-radius:6px;background:rgba(244,169,189,.06)}
.note b.tag{display:block;font:700 22px/1.1 var(--hand);color:var(--pink)}
.calc{border:2px solid var(--dust);border-radius:8px;padding:14px 16px;margin:18px 0;background:var(--slate-2)}
.calc label{display:block;font-weight:700;margin:6px 0 4px}
.calc input,.calc select{font:17px var(--body);padding:7px 9px;border-radius:5px;border:1.5px solid var(--chalk-dim);background:var(--slate-3);color:var(--chalk);width:100%;max-width:240px}
.calc output{display:block;margin-top:12px;font:700 26px/1.25 var(--hand);color:var(--yellow)}
.cup{float:right;margin:0 0 10px 18px}
@media (max-width:600px){.cup{display:none}}
.sources{margin-top:40px;border-top:2px dashed var(--dust);padding-top:4px;font-size:15px}
.sources ol{padding-left:22px}
.sources li{margin:5px 0;word-break:break-word}
.fine{font-size:13.5px;color:var(--chalk-dim)}
footer.site{border-top:2px dashed var(--dust);padding:16px clamp(16px,4vw,40px) 22px;font-size:14px;color:var(--chalk-dim)}
footer.site p{margin:4px 0;color:var(--chalk-dim)}
.ledge{height:14px;margin:0 -14px -14px;background:linear-gradient(#8a6240,#5c3e26)}
@media (max-width:600px){body{font-size:16.5px}.board{border-width:9px}.menu li a{font-size:23px;max-width:78%}}