/* Our regulars (/regulars/ and /regulars/ask/). Builds on easy.css (fonts, colours, buttons, fields). The week is a
   short deck of index cards, because that is how people already keep their regulars (a list, a whiteboard, cards in a bowl). */
.rg-main{max-width:620px;gap:26px;padding-bottom:40px}
.rg [hidden]{display:none!important}
.rg-setup,.rg-week,[data-view]{display:flex;flex-direction:column;gap:22px}
.rg-add{display:flex;gap:10px}
.rg-add .ez-small-btn,.rg-linkbox .ez-small-btn{flex:none;padding:0 22px;align-items:center}
.rg-chips{display:flex;flex-wrap:wrap;gap:8px}
.rg-chip{border:1px solid #cbd3c6;background:#fff;border-radius:999px;padding:10px 15px;font-size:15px;font-weight:600;line-height:1.25;color:#202621}
.rg-chip[aria-pressed=true]{border-color:#c84b24;background:#c84b24;color:#fff}
.rg-chip[aria-pressed=true]::after{content:" ✓"}
.rg-chip .t{font-weight:400;font-size:12px;opacity:.75}
.rg-chips.small .rg-chip{padding:8px 12px;font-size:14px}
.rg-sticky{position:sticky;bottom:0;background:linear-gradient(transparent,#fff 22%);padding:22px 0 6px}
.rg-sticky .button{max-width:520px}

/* the week */
.rg-week-head{display:flex;flex-direction:column;gap:6px}
.rg-deck{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:card}
.rg-card{counter-increment:card;position:relative;display:grid;grid-template-columns:34px 1fr auto;gap:4px 12px;align-items:center;background:#fff;border:1px solid #dfe5da;border-left:4px solid #c84b24;border-radius:8px;padding:14px 14px 14px 12px;box-shadow:0 1px 0 #eef1ea}
.rg-card::before{content:counter(card);grid-row:1/3;font-family:'MealPot Display',Georgia,serif;font-size:26px;line-height:1;color:#c84b24;text-align:center}
.rg-card.tired{border-left-color:#436744}
.rg-card.tired::before{color:#436744}
.rg-name{font-size:18px;font-weight:650;line-height:1.25}
.rg-meta{grid-column:2;font-size:13px;color:#647067;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.rg-tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#436744;background:#e6efe4;border-radius:3px;padding:2px 6px}
.rg-tag.warm{color:#8d4d2d;background:#fbe9e2}
.rg-votes{font-size:13px;color:#202621}
.rg-swap{grid-column:3;grid-row:1/3;border:1px solid #cbd3c6;background:#fff;border-radius:6px;padding:9px 12px;font-size:13px;font-weight:650;color:#202621}
.rg-swap:hover{border-color:#202621}

.rg-new{display:grid;gap:10px;background:#fbf6ef;border:1px dashed #d9b9a3;border-radius:8px;padding:16px}
.rg-new .rg-name{font-size:19px}
.rg-new-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.rg-new-actions a{font-weight:650;color:#c84b24;text-decoration:underline}

.rg-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rg-ghost{display:flex;align-items:center;justify-content:center;border:1px solid #202621;border-radius:6px;padding:15px 16px;background:#fff;font-size:16px;font-weight:650;color:#202621;text-align:center}
.rg-ask-note{margin-top:-14px;text-align:left}
.rg-link{border:0;background:none;padding:0;font-size:14px;font-weight:600;color:#647067;text-decoration:underline}

/* panels */
.rg-panel{display:flex;flex-direction:column;gap:12px;border-top:1px solid #e5e9e2;padding-top:22px}
.rg-panel h2,.rg-h2{font-family:'MealPot Display',Georgia,serif;font-weight:500;letter-spacing:-.03em;font-size:26px;line-height:1.1}
.rg-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rg-panel-tools{display:flex;gap:8px}
.rg-tool{border:1px solid #cbd3c6;background:#fff;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:650;color:#202621;white-space:nowrap}
.rg-aisle{margin-top:6px}
.rg-aisle h3{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#436744;margin-bottom:4px}
.rg-items{list-style:none;margin:0;padding:0}
.rg-items li{border-bottom:1px solid #eef1ea}
.rg-items label{display:flex;gap:10px;align-items:flex-start;padding:9px 0;font-size:15px}
.rg-items input{width:18px;height:18px;margin-top:2px;accent-color:#436744;flex:none}
.rg-items .for{display:block;font-size:12px;color:#7a857c}
.rg-items input:checked+span{text-decoration:line-through;color:#9da79f}
.rg-empty{font-size:14px;color:#647067;background:#f4f6f0;border-radius:6px;padding:12px}

.rg-regulars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rg-regulars>li{border-bottom:1px solid #eef1ea}
.rg-regulars details summary{list-style:none;display:flex;justify-content:space-between;gap:10px;padding:11px 0;cursor:pointer;font-weight:600}
.rg-regulars details summary::-webkit-details-marker{display:none}
.rg-regulars summary small{font-weight:400;color:#7a857c;font-size:13px;white-space:nowrap}
.rg-edit{display:grid;gap:10px;padding:0 0 14px}
.rg-edit textarea{width:100%;min-height:76px;padding:10px 12px;border:1px solid #cbd3c6;border-radius:6px;font:inherit;font-size:15px;resize:vertical}
.rg-edit-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:14px}
.rg-edit-row label{display:flex;gap:6px;align-items:center}
.rg-more summary{cursor:pointer;font-size:14px;font-weight:600;color:#436744;padding:4px 0 10px}
.rg-sunday{background:#f4f6f0;border:0;border-radius:8px;padding:20px;align-items:flex-start}
.rg-sunday .rg-ghost{width:100%}
.rg-proto{text-align:left}

.rg-banner{background:#e6efe4;border-radius:8px;padding:14px 16px;display:grid;gap:10px;font-size:15px}
.rg-banner.warm{background:#fbe9e2}
.rg-banner b{font-weight:700}
.rg-banner .row{display:flex;flex-wrap:wrap;gap:8px}

/* vote page */
.rg-deck.vote .rg-card{grid-template-columns:34px 1fr auto}
.rg-thumbs{grid-column:3;grid-row:1/3;display:flex;gap:6px}
.rg-thumbs button{width:46px;height:42px;border:1px solid #cbd3c6;border-radius:6px;background:#fff;font-size:19px}
.rg-thumbs button[aria-pressed=true].up{background:#436744;border-color:#436744}
.rg-thumbs button[aria-pressed=true].down{background:#c84b24;border-color:#c84b24}
.rg-label{display:grid;gap:6px;font-size:14px;font-weight:650}
.rg-linkbox{display:flex;gap:10px}

.rg-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,40px);opacity:0;background:#202621;color:#fff;border-radius:6px;padding:11px 16px;font:600 14px 'MealPot Sans',sans-serif;transition:.2s;pointer-events:none;max-width:calc(100% - 32px)}
.rg-toast.on{opacity:1;transform:translate(-50%,0)}
@media (min-width:761px){.rg-main{padding-top:44px}.ez-title{font-size:48px}}
.rg-meta:empty{display:none}
.rg-card:has(.rg-meta:empty) .rg-name{grid-row:1/3}
.rg-deck.vote .rg-card{grid-template-columns:1fr auto;border-left-width:1px;border-left-color:#dfe5da}
.rg-deck.vote .rg-card::before{display:none}
.rg-deck.vote .rg-name{grid-row:1/3}
.rg-deck.vote .rg-thumbs{grid-column:2}

/* /links/: the link in our TikTok and Instagram bios. Reuses the regulars look. */
.lk-main{gap:24px}
.lk-hero{display:flex;flex-direction:column;gap:6px}
.lk-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lk-tile{display:grid;gap:4px;border:1px solid #cbd3c6;border-radius:8px;padding:14px;background:#fff}
.lk-tile b{font-size:17px;line-height:1.25}
.lk-tile span{font-size:13px;color:#647067;line-height:1.4}
.lk-tile.primary{background:#c84b24;border-color:#c84b24;color:#fff}
.lk-tile.primary span{color:#fbe9e2}
.lk-dishes{display:flex;flex-direction:column;gap:12px}
.lk-dishes>div{display:flex;flex-direction:column;gap:10px}
.lk-dish{display:grid;gap:8px;border:1px solid #dfe5da;border-left:4px solid #c84b24;border-radius:8px;padding:14px;background:#fff}
.lk-dish-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.lk-dish h3{font-size:18px;font-weight:650;line-height:1.25;margin:0}
.lk-dish summary{cursor:pointer;font-size:14px;font-weight:600;color:#436744}
.lk-items{list-style:none;margin:8px 0 4px;padding:0}
.lk-items li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #eef1ea;font-size:15px}
.lk-items small{color:#7a857c;font-size:12px;white-space:nowrap}
.lk-actions{display:flex;gap:8px;flex-wrap:wrap}
.lk-actions .ez-small-btn{flex:1;align-items:center}
.lk-app{align-items:stretch}
@media (max-width:420px){.lk-quick{grid-template-columns:1fr}}