/* Tarian navy + gold on white, Arial, Bootstrap 5.3 underneath. */
:root{
  --navy:#0e3267; --navy-dark:#0a2650; --gold:#fdb414; --mark:#9a6400;
  --bs-body-font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --bs-body-bg:#ffffff; --bs-body-color:#14203a;
  --bs-primary:#0e3267; --bs-primary-rgb:14,50,103;
  --bs-link-color:#0e3267; --bs-link-color-rgb:14,50,103;
  --bs-link-hover-color:#0a2650; --bs-link-hover-color-rgb:10,38,80;
  color-scheme:light;
}
body{background:#ffffff;color:#14203a;font-family:var(--bs-body-font-family)}
[hidden]{display:none!important}
.btn-primary{--bs-btn-bg:var(--navy);--bs-btn-border-color:var(--navy);--bs-btn-hover-bg:var(--navy-dark);--bs-btn-hover-border-color:var(--navy-dark);--bs-btn-active-bg:var(--navy-dark);--bs-btn-active-border-color:var(--navy-dark);--bs-btn-disabled-bg:var(--navy);--bs-btn-disabled-border-color:var(--navy)}
.btn-outline-primary{--bs-btn-color:var(--navy);--bs-btn-border-color:var(--navy);--bs-btn-hover-bg:var(--navy);--bs-btn-hover-border-color:var(--navy);--bs-btn-active-bg:var(--navy);--bs-btn-active-border-color:var(--navy)}
.form-control:focus,.form-select:focus{border-color:#7f97bd;box-shadow:0 0 0 .25rem rgba(14,50,103,.2)}
.accordion{--bs-accordion-active-bg:#eef2f8;--bs-accordion-active-color:var(--navy);--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(14,50,103,.2)}
.bi{width:1em;height:1em;vertical-align:-.125em;flex:none}
.min-w-0{min-width:0}
.site-header{border-bottom:4px solid var(--navy)}
.logo{height:72px;width:auto}
@media (max-width:520px){.logo{height:56px}}
.site-name{border-left:1px solid var(--bs-border-color)}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mark)}
.clock-t{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.tile{cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}
.tile:hover{border-color:#9aa8c0}
.tile.active{border-color:var(--navy);background:#f5f7fb;box-shadow:inset 0 -3px 0 var(--gold)}
.tile .tile-icon{font-size:1.5rem;color:var(--navy)}
.tile:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.note-card{border-left:4px solid var(--bs-secondary-border-subtle)}
.note-card[data-p="Follow-up"]{border-left-color:var(--bs-warning)}
.note-card[data-p="Urgent"]{border-left-color:var(--bs-danger)}
.note-card.done{opacity:.65}
.note-text{white-space:pre-wrap;overflow-wrap:anywhere}
.tnum{font-variant-numeric:tabular-nums}
.tpl-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.6}
.tpl-text mark,.mark-text{background:transparent;color:var(--mark);font-weight:700;padding:0}
.sel{user-select:all;overflow-wrap:anywhere}
.lock-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px}
.lock-card{width:100%;max-width:420px;border-top:4px solid var(--navy)}
.lock-card .logo{height:64px}
.pin-input{letter-spacing:.5em;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}