/* Data & Tools, maritime history and Cape Ann Classroom (docs/BRAND_CONVENTIONS.md).
   Uses the site tokens from style.css (--navy, --teal-deep, --sand, --rule, --serif, --sans). Embeds load this file
   with embed.css, which redefines the tokens because style.css is not loaded there. Every layout fits 320px. */
.dt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:16px 0 28px;padding:0;list-style:none}
.dt-card{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.dt-card h3{font:700 19px/1.25 var(--serif);margin:0}
.dt-card h3 a{text-decoration:none}
.dt-card p{margin:0;font-size:15px}
.dt-kicker{font:700 12px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);margin:0}
.dt-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.dt-tags li{font:600 12px var(--sans);background:var(--sand);color:var(--navy);padding:2px 9px;border-radius:99px}
.dt-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:var(--sand);padding:14px;border-radius:10px}
.dt-filters label,.cacw-l{display:block;font:700 12px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-bottom:4px}
.dt-filters input,.dt-filters select,.cacw select,.cacw input{width:100%;box-sizing:border-box;font:16px var(--sans);padding:8px 10px;border:1px solid #8C96A0;border-radius:6px;background:#fff;color:var(--ink);min-height:44px}
.dt-status{font-size:14px;color:var(--muted)}
.dt-facts{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:6px 16px;margin:12px 0 20px;font-size:16px}
.dt-facts dt{font-weight:700;color:var(--navy)}
.dt-facts dd{margin:0;overflow-wrap:anywhere}
@media (max-width:520px){.dt-facts{grid-template-columns:1fr}.dt-facts dd{margin-bottom:8px}}
.dt-notice{background:var(--warn-bg,#FFF4DB);border-left:4px solid var(--warn,#8A5A00);padding:14px 16px;border-radius:6px;font-size:16px;margin:16px 0}
.dt-credit{background:var(--teal-soft,#E3F1EF);border-left:4px solid var(--teal-deep);padding:14px 16px;border-radius:6px;margin:16px 0}
.dt-preview{background:#FFF4DB;border:2px dashed #8A5A00;padding:10px 14px;border-radius:8px;font-weight:600;margin:12px 0}
.dt-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.dt-btn,.dt-buttons a{display:inline-flex;align-items:center;min-height:44px;font:600 15px var(--sans);padding:9px 16px;border-radius:99px;background:var(--navy);color:#fff;text-decoration:none;border:2px solid var(--navy)}
.dt-btn.ghost,.dt-buttons a.ghost{background:#fff;color:var(--navy)}
.dt-btn:hover,.dt-buttons a:hover{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff}
.dt-btn:focus-visible,.dt-buttons a:focus-visible,.cacw button:focus-visible,.cacw a:focus-visible{outline:3px solid #F2C14E;outline-offset:2px}
.dt-code{display:block;width:100%;box-sizing:border-box;font:14px/1.45 ui-monospace,Menlo,Consolas,monospace;padding:12px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);min-height:90px;resize:vertical}
.dt-scroll,.cacw-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.dt-table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.dt-table th{text-align:left;font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);border-bottom:2px solid var(--navy);padding:6px 8px;vertical-align:bottom}
.dt-table td{border-bottom:1px solid var(--rule);padding:7px 8px;vertical-align:top;overflow-wrap:anywhere}
.dt-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.dt-embedbox{background:var(--sand);border-radius:10px;padding:16px;display:grid;gap:12px}
.dt-embedbox .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.dt-frame{width:100%;border:1px solid var(--rule);border-radius:8px;background:#fff}
.sr-only,.cacw-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- widgets (site and embed) ---- */
.cacw{font:16px/1.5 var(--sans);color:var(--ink)}
.cacw-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}
.cacw-tabs{display:flex;flex-wrap:wrap;gap:6px}
.cacw-tabs button,.cacw-link{font:600 14px var(--sans);min-height:44px;padding:8px 14px;border-radius:99px;border:1px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer}
.cacw-tabs button[aria-pressed=true]{background:var(--navy);color:#fff}
.cacw-tabs button[aria-pressed=true]::before{content:"\2713\00a0"}
.cacw-link{min-height:auto;padding:2px 10px;font-size:14px}
.cacw-f{min-width:150px;flex:1}
.cacw-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:var(--sand);padding:12px;border-radius:10px}
.cacw-q{grid-column:1/-1}
.cacw-h{font:700 18px/1.3 var(--serif);color:var(--navy);margin:8px 0}
.cacw-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cacw-list li{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:10px 12px;overflow-wrap:anywhere}
.cacw-date{font:700 14px var(--sans);color:var(--teal-deep);display:block}
.cacw-meta{display:block;font-size:14px;color:var(--muted)}
.cacw-cards{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.cacw-card{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:14px;overflow-wrap:anywhere}
.cacw-card h3{font:700 18px/1.3 var(--serif);margin:2px 0 6px}
.cacw-card p{margin:0 0 6px}
.cacw-kind{font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep)}
.cacw-count{font-weight:600;margin:10px 0}
.cacw-tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:3px solid var(--navy);display:grid;gap:12px}
.cacw-tl li{position:relative;padding-left:8px}
.cacw-tl li::before{content:"";position:absolute;left:-23px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--teal-deep)}
.cacw-cmp{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:12px 14px;margin-bottom:12px}
.cacw-cmp h3{font:700 17px/1.3 var(--serif);margin:0 0 8px}
.cacw-cmp table{border-collapse:collapse;width:100%}
.cacw-cmp td,.cacw-cmp th{border-bottom:1px solid var(--rule);padding:6px 4px;text-align:left;vertical-align:top}
.cacw-map{height:320px;border-radius:8px;border:1px solid var(--rule);margin-bottom:12px}
.cacw-prev{background:#FFF4DB;border-left:4px solid #8A5A00;padding:8px 12px;font-size:14px;font-weight:600;border-radius:6px}

/* ---- Cape Ann Classroom ---- */
.cl-hero{background:var(--navy);color:#fff;border-radius:12px;padding:20px;margin:8px 0 20px}
.cl-hero h2{color:#fff;font:700 24px/1.25 var(--serif);margin:0 0 6px}
.cl-hero p{margin:0}
.cl-level{font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep)}
.cl-box{background:#fff;border:1px solid var(--rule);border-radius:10px;padding:16px;margin:16px 0}
.cl-reading{background:#fff;border:1px solid var(--rule);border-left:5px solid var(--navy);border-radius:8px;padding:14px 16px;margin:14px 0}
.cl-reading pre,.cl-text{white-space:pre-wrap;font:16px/1.6 var(--serif);margin:0}
.cl-src{font-size:14px;color:var(--muted)}
.cl-badge{display:inline-block;font:700 12px var(--sans);padding:2px 9px;border-radius:99px;background:var(--sand);color:var(--navy);margin-right:6px}
.cl-teacher{border-top:4px solid var(--teal-deep)}
.cl-seq{counter-reset:s;list-style:none;padding:0}
.cl-seq li{counter-increment:s;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:12px 14px;margin:0 0 10px}
.cl-seq li::before{content:counter(s) ". ";font-weight:700;color:var(--navy)}
.cl-mins{font:700 13px var(--sans);color:var(--teal-deep)}
@media print{
  .topbar,.launch-note,nav.main,footer,.dt-buttons,.cl-noprint,.skip-link{display:none!important}
  body{background:#fff;font-size:12pt}
  a{color:#000}
  .cl-reading,.cl-box,.dt-card{break-inside:avoid}
}

/* year-by-year chart (maritime-yearly): one hue, thin columns, recessive grid */
.cacw-chart svg{display:block;max-width:100%;height:auto;background:#fff;border:1px solid var(--rule);border-radius:8px;margin:6px 0}
.cacw-chart svg:focus-visible{outline:3px solid #F2C14E;outline-offset:2px}
.cacw-bar{fill:var(--navy)}
.cacw-bar.on{fill:var(--teal-deep)}
.cacw-hit{fill:transparent}
.cacw-grid{stroke:var(--rule);stroke-width:1}
.cacw-base{stroke:var(--muted);stroke-width:1}
.cacw-ax{font:12px var(--sans);fill:var(--muted)}
.cacw-lab{font:600 12px var(--sans);fill:var(--ink)}
.cacw-readout{font-weight:600;min-height:1.5em;margin:4px 0}
.cacw-table summary{cursor:pointer;font-weight:600;color:var(--navy);min-height:44px;display:flex;align-items:center}
.cacw-table table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}
.cacw-table th,.cacw-table td{border-bottom:1px solid var(--rule);padding:4px 6px;text-align:right;font-variant-numeric:tabular-nums}
.cacw-table th:first-child,.cacw-table thead th{text-align:left}
@media (min-width:600px){.cacw-yearly-form .cacw-f:first-child{grid-column:span 2}}
/* maritime hub: memorial photo and Psalm */
.mh-hero{margin:8px 0 18px}
.mh-hero img{display:block;width:100%;max-height:560px;object-fit:cover;object-position:center 35%;border-radius:10px}
.mh-hero figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.mh-psalm{margin:0 0 22px;padding:16px 20px;border-left:4px solid var(--teal-deep);background:#fff;border-radius:0 8px 8px 0}
.mh-psalm p{font:italic 500 clamp(19px,2.4vw,23px)/1.45 var(--serif);color:var(--navy);margin:0 0 8px}
.mh-psalm footer{font-size:14px;color:var(--muted)}
/* maritime hub: memorial photo */
.mh-hero{margin:8px 0 18px}
.mh-hero img{display:block;width:100%;max-height:560px;object-fit:cover;object-position:center 35%;border-radius:10px}
.mh-hero figcaption{font-size:14px;color:var(--muted);margin-top:6px}
.mh-about{background:#fff;border:1px solid var(--rule);border-left:4px solid var(--teal-deep);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 20px}
.mh-about h2{font-size:22px;margin:0 0 8px}
.mh-about p{margin:0 0 10px}

/* month picker: shaded by register names in four tiers (pale sand to deep rust, never green); counts printed in every box */
.cacw-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}
@media (max-width:560px){.cacw-months{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:400px){.cacw-months{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cacw-months .cacw-mo{margin:0}
.cacw-mo .mo-c{white-space:nowrap}
.cacw-mo{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:56px;padding:6px 2px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;font:600 14px var(--sans)}
.cacw-mo .mo-c{font:500 12px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.cacw-mo.t1,.cacw-key .t1{background:#FBF1E1}
.cacw-mo.t2,.cacw-key .t2{background:#F0CF9F}
.cacw-mo.t3,.cacw-key .t3{background:#DC9461}
.cacw-mo.t4,.cacw-key .t4{background:#9C3A27}
.cacw-mo.t1,.cacw-mo.t2,.cacw-mo.t3{color:#1C2430;border-color:rgba(28,36,48,.25)}
.cacw-mo.t1 .mo-c,.cacw-mo.t2 .mo-c,.cacw-mo.t3 .mo-c{color:#1C2430}
.cacw-mo.t4,.cacw-mo.t4 .mo-c{color:#fff;border-color:#9C3A27}
.cacw-key{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--muted);margin:-4px 0 10px}
.cacw-key span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.cacw-key i{display:inline-block;width:16px;height:12px;border-radius:2px;border:1px solid rgba(28,36,48,.25)}
.cacw-mo[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--navy);border-color:var(--navy);font-weight:800}
.cacw-mo:focus-visible{outline:3px solid #F2C14E;outline-offset:2px}
.cacw-ctx{background:var(--sand);border-radius:8px;padding:10px 12px;font-size:15px;margin:4px 0 10px}
.cacw-mo{min-height:64px}
.cacw-legend{font-size:13px;color:var(--muted);margin:0 0 8px}
.cacw-mo:hover{border-color:var(--navy);filter:brightness(.95)}

/* ships by name under each month */
.cacw-shiplist{margin-top:14px}
.cacw-yr-group{display:grid;grid-template-columns:52px 1fr;gap:8px;border-top:1px solid var(--rule);padding:6px 0}
.cacw-yr{font:700 14px var(--sans);color:var(--teal-deep);margin:2px 0 0}
.cacw-ships{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.cacw-ships li{font-size:15px}
.cacw-toggle{margin-top:10px}

.cacw-ships{display:grid;gap:4px}
.cacw-ship{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:0 10px}
.cacw-ship summary{cursor:pointer;min-height:44px;padding:6px 0;display:block}
.cacw-ship .sh-m{display:block;margin:2px 0 0 0}
.cacw-ship .sh-n{font-weight:700;color:var(--navy)}
.cacw-people{margin:0 0 6px;padding-left:18px;columns:2 180px;column-gap:18px}
.cacw-people li{break-inside:avoid;font-size:15px;margin-bottom:2px}

/* remembrance dedication (editor, Oct. 5, 2026) */
.mh-dedication{font:italic 400 17px/1.45 var(--serif);color:var(--navy);text-align:center;max-width:36em;margin:6px auto 22px;padding:12px 8px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.mh-ded-big{display:block;font:700 26px/1.2 var(--serif);font-style:normal;margin-bottom:6px;letter-spacing:.01em}
@media (max-width:400px){.mh-ded-big{font-size:22px}}
.mh-ded-inc .mh-ded-big{font-size:22px}
.mh-ded-inc{font:700 21px/1.35 var(--serif);font-style:normal}
.mh-timeline{list-style:none;padding:0;margin:0 0 18px;border-left:3px solid var(--rule)}
.mh-timeline li{padding:0 0 12px 16px;position:relative}
.mh-when{display:block;font:700 14px var(--sans);color:var(--navy)}
.mh-people{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px}
.mh-people li{border-bottom:1px solid var(--rule);padding:6px 0}
.mh-role{font-size:15px;color:var(--muted)}
.mh-sources li{margin-bottom:4px}
/* years since and round anniversaries */
.cacw-yr .cacw-ago,.cacw-yr .cacw-round{display:block;font:500 12px var(--sans);color:var(--muted);margin-top:2px}
.cacw-round{display:inline-block;font:700 12px var(--sans);color:#fff;background:#9C3A27;border-radius:10px;padding:1px 8px;margin:2px 6px 2px 0;white-space:nowrap}
.cacw-yr .cacw-round{display:inline-block;color:#fff;font-weight:700;padding:1px 7px;margin-top:4px}
.cacw-list .cacw-round{margin-left:6px;vertical-align:1px}
.cacw-yr-group.round{background:#FBF1E1;border-radius:6px}
.cacw-rounds{background:#FBF1E1;border-left:4px solid #9C3A27;border-radius:0 8px 8px 0;padding:8px 12px;font-size:15px;margin:8px 0 12px}
.cacw-yr-group{grid-template-columns:76px 1fr}