/* Measmanith component styles — classes prefixed mm- ; read tokens from tokens.css */
.mm-root{background:var(--cream-paper);color:var(--cocoa-ink);font-family:var(--font-display);}
.mm-btn{display:inline-flex;align-items:center;gap:8px;background:var(--cream-paper);color:var(--charcoal);border:var(--stroke-button) solid var(--charcoal);border-radius:var(--radius-pill);padding:10px var(--space-28);font-family:var(--font-display);font-size:16px;font-weight:500;line-height:1.5;box-shadow:var(--shadow-button);cursor:pointer;text-decoration:none;transition:transform .12s ease;}
.mm-btn:hover{transform:translateY(-1px);}
.mm-btn:active{transform:none;box-shadow:none;}
.mm-btn:focus-visible{outline:2px solid var(--charcoal);outline-offset:2px;}
.mm-btn[disabled],.mm-btn[aria-disabled="true"]{border-color:var(--shadow-mist);color:var(--cocoa-muted);box-shadow:none;cursor:not-allowed;transform:none;}
.mm-btn--sm{padding:6px 18px;font-size:16px;}
.mm-tag{display:inline-flex;align-items:center;gap:6px;border:var(--stroke-hairline) solid var(--charcoal);border-radius:var(--radius-pill);padding:2px 12px;font-family:var(--font-ui);font-size:14px;font-weight:500;line-height:1.6;color:var(--charcoal);background:var(--cream-paper);}
.mm-tag--tint{background:var(--dew-drop);}
.mm-tag--sprout{border-color:var(--sprout-sticker);border-width:var(--stroke-sticker);}
.mm-tag[aria-pressed="true"]{background:var(--charcoal);color:var(--cream-paper);}
.mm-display{font-family:var(--font-display);font-size:104px;line-height:1.08;font-weight:600;color:var(--cocoa-ink);text-transform:lowercase;margin:0;text-align:left;}
.mm-caption{font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--marker-orange);display:inline-block;transform:rotate(-3deg);}
.mm-highlight{color:var(--burnt-sienna);text-decoration:underline wavy var(--marker-orange);text-decoration-thickness:2px;text-underline-offset:6px;}
.mm-info{font-family:var(--font-display);font-size:16px;color:var(--cocoa-ink);margin:8px 0 0;}
.mm-card{background:var(--cream-paper);border:var(--stroke-hairline) solid var(--charcoal);border-radius:var(--radius-cards);box-shadow:var(--shadow-card);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-12);color:var(--cocoa-ink);text-decoration:none;transition:transform .15s ease;}
.mm-card:hover{transform:translateY(-2px) rotate(-.4deg);}
.mm-card__img{border-radius:8px;border:var(--stroke-hairline) solid var(--charcoal);aspect-ratio:16/10;background:var(--dew-drop);overflow:hidden;display:grid;place-items:center;}
.mm-card__title{font-size:28px;line-height:1.2;font-weight:600;margin:0;text-transform:lowercase;}
.mm-card__desc{font-size:18px;line-height:1.5;margin:0;}
.mm-card__meta{font-family:var(--font-ui);font-size:14px;color:var(--cocoa-muted);}
.mm-label{background:var(--cream-paper);border:var(--stroke-hairline) solid var(--charcoal);border-radius:var(--radius-inputs);padding:12px 16px;display:grid;gap:4px;min-width:220px;font-family:var(--font-display);color:var(--cocoa-ink);}
.mm-label__row{display:flex;gap:8px;align-items:baseline;border-bottom:1px dashed var(--shadow-mist);padding-bottom:4px;}
.mm-label__row:last-child{border-bottom:0;}
.mm-label__k{font-family:var(--font-ui);font-size:13px;color:var(--cocoa-muted);min-width:64px;}
.mm-label__v{font-size:18px;}
.mm-label__v--big{font-size:20px;font-weight:600;}
.mm-dl{display:flex;align-items:center;gap:var(--space-16);background:var(--dew-drop);border:var(--stroke-hairline) solid var(--charcoal);border-radius:var(--radius-cards);padding:var(--space-16) var(--space-20);}
.mm-dl__name{font-family:var(--font-ui);font-size:16px;font-weight:500;color:var(--charcoal);}
.mm-dl__meta{font-family:var(--font-ui);font-size:14px;color:var(--cocoa-muted);}
.mm-dl__body{flex:1;min-width:0;display:grid;}
.mm-footer{background:var(--marker-orange);color:var(--cocoa-ink);border-radius:var(--radius-footer) var(--radius-footer) 0 0;padding:var(--space-48) var(--space-32);font-family:var(--font-display);}
.mm-wordmark{font-family:var(--font-display);font-weight:600;font-size:24px;color:var(--cocoa-ink);text-decoration:none;letter-spacing:0;}
.mm-wordmark b{color:var(--marker-orange);}
.mm-sticker{display:inline-block;}
.mm-sticker svg{display:block;}