/* Mrs. Levane — shared site styles. Tokens are the family Florida Casa palette. */
:root{
  --stucco:#E3C393;--terracotta:#DB9465;--tile:#A5754D;--sage:#9A925B;--palm:#585B35;
  --pool:#A8BC98;--cream:#D6C99C;--paver:#EBE8DE;--iron:#463521;--night:#242A15;--sky:#FBFFFF;
  --line:#d9d3c2;--muted:#7a6a4f;
  --serif:"Lora","Iowan Old Style","Palatino",Georgia,serif;
  --sans:"Nunito Sans","Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{margin:0;background:var(--paver);color:var(--iron);font-family:var(--sans);font-size:17px;line-height:1.55}
a{color:inherit}
.wrap{max-width:960px;margin-inline:auto;padding:0 22px}

/* header */
header{padding:26px 0 8px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.lockup{display:flex;align-items:center;gap:14px;text-decoration:none}
.lockup img{width:52px;height:52px;display:block}
.lk-name{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1;letter-spacing:-.005em}
.lk-sub{font-size:10.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--tile);margin-top:5px;font-weight:600}
.backlink{font-size:14px;font-weight:700;text-decoration:none;color:var(--muted);white-space:nowrap}
.backlink:hover{color:var(--iron)}

/* the eave: barrel-tile scallops as a rule */
.eave{height:16px;background:url("motif-tile-divider.svg") repeat-x left top/240px 8px;margin:6px 0 34px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;
  font-family:var(--sans);font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;margin-top:8px;cursor:pointer;
  transition:transform .08s ease,background .15s ease}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--terracotta);color:#fff}
.btn.primary:hover{background:var(--tile)}
.btn.second{background:var(--sage);color:#fff}
.btn.second:hover{background:var(--palm)}
.btn.quiet{background:transparent;border-color:var(--iron);color:var(--iron)}
.btn.quiet:hover{background:var(--iron);color:var(--paver)}
.btn[aria-disabled="true"],.btn:disabled{background:var(--cream);color:var(--muted);border-color:transparent;cursor:default;pointer-events:none}
.btn small{font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--terracotta);outline-offset:2px}

footer{padding:44px 0 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:13.5px}
footer .mono{display:flex;align-items:center;gap:10px}
footer .mono img{width:26px;height:26px;opacity:.85}
footer .tag{letter-spacing:.3em;text-transform:uppercase;font-size:10.5px;font-weight:600;color:var(--tile)}

@media (max-width:760px){
  footer{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}