/* The TIAG account takes its palette from the tree-and-globe mark.
   Scoped to the signed-in account; the shared sign-in door keeps its own layout. */
body:has(#dash:not([hidden])) {
  --bg:#f3eddc; --bg-raise:#f7f2e5; --panel:#fffcf3;
  --text:#29321f; --muted:#657054; --green:#4c6138; --gold:#8b6424;
  --line:#e5dcc7; --line-strong:#b9b498;
  background:#f3eddc!important; color:var(--text);
}
body:has(#dash:not([hidden])) .tn-sky {display:none}
#dash.acct {max-width:980px;padding:30px 24px 64px;font-family:'Open Sauce One',system-ui,sans-serif;font-size:15px;line-height:1.6}
.acct [hidden] {display:none!important}
.acct .back {display:inline-block;color:#4c6138;font-size:.85rem;font-weight:600;text-decoration:none;margin-bottom:22px}
.acct .back:hover {text-decoration:underline}
.acct .account-heading {position:relative;margin:0 0 28px;padding:0 108px 26px 0;border-bottom:1px solid #cfc5a8}
.acct .account-emblem {position:absolute;right:0;top:3px;width:88px;height:88px;object-fit:contain}
.acct .kicker {color:#7d5d28!important;font-size:.7rem;font-weight:700;letter-spacing:.16em;margin-bottom:7px}
.acct h1 {font-family:'Fraunces',Georgia,serif!important;text-transform:none;letter-spacing:-.025em;font-size:clamp(2rem,4.8vw,2.7rem);font-weight:500;color:#293b22;margin:0}
.acct .account-intro {margin:8px 0 18px;color:var(--muted);font-size:.9rem}
.acct .rowline {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.acct #who {margin:0;overflow-wrap:anywhere;min-width:0;font-size:.85rem;color:#4d573f}
.acct .av {width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:14px;color:#f8f1d8;background:#586b3c;overflow:hidden}
.acct .av img {width:100%;height:100%;object-fit:cover;display:block}
.acct .badge.live {color:#50603b;border-color:#c4c9ad;background:#e8ecd9;font-size:.65rem;letter-spacing:.04em}
.acct .panel {background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 30px;margin:18px 0 0;box-shadow:0 3px 12px #473a2010}
.acct .panel h2 {font-family:'Fraunces',Georgia,serif!important;color:#2e4028;font-weight:500;font-size:1.4rem;margin:0 0 6px;letter-spacing:-.015em}
.acct .hint {color:var(--muted);font-size:.81rem;line-height:1.65;margin:6px 0 0;max-width:70ch}
.acct .photo-row {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0;padding:0 0 24px;border-bottom:1px solid var(--line)}
.acct .photo-row .av {width:64px;height:64px;font-size:23px;box-shadow:0 0 0 4px #f0e9d5}
.acct .photo-copy {margin-right:auto;min-width:130px}
.acct .photo-copy strong {display:block;font-size:.88rem;color:#36452b}
.acct .photo-copy small {display:block;font-size:.75rem;color:var(--muted);margin-top:2px}
.acct .fgrid {display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;min-width:0}
.acct .fgrid label {display:flex;flex-direction:column;gap:7px;font-size:.8rem;font-weight:600;color:#4a563b;min-width:0}
.acct .fgrid .wide {grid-column:1/-1}
.acct .fgrid label small {font-weight:400;color:var(--muted);font-size:.73rem}
.acct .fgrid input,.acct .fgrid textarea,.acct .fgrid select {width:100%;min-width:0;box-sizing:border-box;background:#fffef8;color:#29321f;border:1px solid #bbbda5;border-radius:8px;font:inherit;font-weight:400;font-size:16px;line-height:1.45;padding:11px 13px;box-shadow:inset 0 1px 2px #42361605}
.acct .fgrid textarea {resize:vertical;min-height:100px}
.acct input::placeholder,.acct textarea::placeholder {color:#7a806b;opacity:1}
.acct .fgrid input:focus,.acct .fgrid textarea:focus,.acct .fgrid select:focus {outline:2px solid #8a722f;outline-offset:2px;border-color:#8a722f}
.acct .actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:5px 0 0}
.acct .btn {background:#52653b!important;color:#fffdf3!important;border:1px solid #52653b!important;border-radius:8px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.4;cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.acct .btn:hover {background:#3e502b!important;border-color:#3e502b!important;opacity:1;text-decoration:none}
.acct .btn.ghost {background:transparent!important;color:#4c5f35!important;border:1px solid #aeb598!important}
.acct .btn.ghost:hover {background:#ecefdf!important;border-color:#75845b!important}
.acct .btn:disabled {opacity:.6;cursor:wait}
.acct .btn[hidden] {display:none!important}
.acct :focus-visible {outline:2px solid #8a722f;outline-offset:3px}
.acct .photo-row:has(#photoIn:focus-visible) label[for=photoIn] {outline:2px solid #8a722f;outline-offset:3px}
.acct .umsg {font-size:.8rem;color:#426334;min-height:1em}
.acct .umsg.err {color:#9b3929}
.acct .kv,.acct .row {display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.85rem}
.acct .kv:last-child,.acct .row:last-child {border-bottom:0}
.acct .kv span:first-child {color:var(--muted)}
.acct .kv span:last-child {color:var(--text);text-align:right;overflow-wrap:anywhere;min-width:0}
.acct .row {align-items:center;flex-wrap:wrap}
.acct .row small {display:block;color:var(--muted);font-size:.75rem}
.acct .row .btn {min-height:40px;padding:8px 14px}
.acct .vrow {border-color:var(--line)}
.acct .vrow .vl {color:var(--text);font-size:.85rem}
.acct .vrow .vh {color:var(--muted);font-size:.75rem}
.acct .sw {background:#c4c9b5}
.acct .sw:checked {background:#52653b}
.acct .sw::after {background:#fffdf3}
.acct .card {background:#f6f1e4;border-color:var(--line);color:var(--text);border-radius:10px}
.acct .card h3 {color:#36452b;font-size:1.05rem}
.acct .card p {color:var(--muted);font-size:.81rem}
.acct a {color:#50663b}
.acct .sr {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body:has(#dash:not([hidden])) footer {color:#657054;border-color:#dcd2bb;background:#eee6d2}
body:has(#dash:not([hidden])) footer a {color:#4c6138}
@media(max-width:600px) {
  #dash.acct {padding:22px 16px 48px}
  .acct .account-heading {padding-right:65px;margin-bottom:22px}
  .acct .account-emblem {width:54px;height:54px}
  .acct .account-intro {font-size:.83rem}
  .acct .panel {padding:22px 18px;border-radius:12px}
  .acct .fgrid {grid-template-columns:1fr;gap:16px}
  .acct .photo-row {gap:12px;margin:22px 0}
  .acct .photo-copy {width:calc(100% - 80px);margin-right:0}
  .acct .kv {flex-wrap:wrap;gap:4px 12px}
  .acct .kv span:last-child {text-align:left}
}