.tb{–ground:#F2F4F7;–surface:#FFF;–surface-sunk:#E8ECF1;–ink:#1B2330;–ink-soft:#4C5A6B;–ink-faint:#7A879A;–rule:#D6DCE4;–accent:#2A5A7D;–accent-soft:#E3ECF3;–warn:#8E4C55;–gold:#9C6A2C;–shadow:0 1px 2px rgba(27,35,48,.06),0 8px 24px -16px rgba(27,35,48,.3);–display:”Frank Ruhl Libre”,”Times New Roman”,serif;–body:”Assistant”,”Segoe UI”,system-ui,sans-serif;background:var(–ground);color:var(–ink);font-family:var(–body);font-size:17px;line-height:1.65;direction:rtl;text-align:right}
.tb *,.tb *::before,.tb *::after{box-sizing:border-box}
.tb .page{max-width:860px;margin:0 auto;padding:40px 22px 70px;display:flex;flex-direction:column;gap:48px}
.tb .masthead{display:flex;flex-direction:column;gap:16px}
.tb .eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(–accent)}
.tb h1{font-family:var(–display);font-weight:900;font-size:clamp(32px,6vw,50px);line-height:1.12;margin:0;letter-spacing:-.01em}
.tb .standfirst{font-size:19px;color:var(–ink-soft);max-width:60ch;margin:0;font-weight:300}
.tb .principle{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(–rule);border-radius:4px;overflow:hidden}
.tb .principle>div{background:var(–surface);padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.tb .principle .k{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(–ink-faint)}
.tb .principle .v{font-family:var(–display);font-size:24px;font-weight:700;line-height:1.25}
.tb .principle .up .v{color:var(–accent)}
.tb .principle .down .v{color:var(–warn)}
.tb .principle .n{font-size:15px;color:var(–ink-soft)}
.tb section{display:flex;flex-direction:column;gap:20px}
.tb h2{font-family:var(–display);font-weight:700;font-size:27px;margin:0;padding-bottom:12px;border-bottom:1px solid var(–rule)}
.tb .day{display:flex;flex-direction:column;gap:2px}
.tb .meal{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:start;background:var(–surface);padding:20px 22px;border-radius:3px}
.tb .meal+.meal{margin-top:6px}
.tb .clock{font-variant-numeric:tabular-nums;font-family:var(–display);font-size:20px;font-weight:700;color:var(–gold);padding-top:2px}
.tb .meal h3{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(–ink-faint)}
.tb .meal ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.tb .meal li{padding-inline-start:16px;position:relative}
.tb .meal li::before{content:””;position:absolute;inset-inline-start:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(–accent);opacity:.55}
.tb .snack{background:var(–surface-sunk)}
.tb .snack .clock{color:var(–ink-faint);font-size:17px}
.tb .aside{font-size:15px;color:var(–ink-soft);background:var(–accent-soft);border-inline-start:3px solid var(–accent);padding:14px 18px;border-radius:0 3px 3px 0}
.tb .aside strong{color:var(–ink);font-weight:700}
.tb .lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}
.tb .list{background:var(–surface);border-radius:3px;box-shadow:var(–shadow);overflow:hidden}
.tb .list-head{padding:16px 22px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#fff}
.tb .list.yes .list-head{background:var(–accent)}
.tb .list.no .list-head{background:var(–warn)}
.tb .list-head .t{font-family:var(–display);font-size:21px;font-weight:700}
.tb .list-head .s{font-size:13px;opacity:.85;font-weight:600}
.tb .group{padding:16px 22px}
.tb .group+.group{border-top:1px solid var(–rule)}
.tb .group .label{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(–ink-faint);margin-bottom:6px}
.tb .group .items{color:var(–ink);font-size:16.5px}
.tb .list.no .group .items{color:var(–ink-soft)}
.tb .lead{display:inline-block;font-weight:700;color:var(–warn)}
.tb .list.yes .lead{color:var(–accent)}
.tb .caveat{background:var(–surface-sunk);border:1px solid var(–rule);border-radius:3px;padding:24px 26px;display:flex;flex-direction:column;gap:10px}
.tb .caveat .h{font-family:var(–display);font-size:20px;font-weight:700}
.tb .caveat p{margin:0;color:var(–ink-soft);font-size:16px;max-width:68ch}
@media (max-width:560px){.tb .principle{grid-template-columns:1fr}.tb .meal{grid-template-columns:1fr;gap:8px}.tb .clock{padding-top:0}.tb .page{padding:30px 16px 60px;gap:38px}}