
.preservation-card{padding:clamp(1rem,3vw,2rem)}.preservation-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end;margin:1rem 0}.preservation-controls label{display:grid;gap:.45rem;font-weight:600}.preservation-controls select,.preservation-controls input,.preservation-year-pick select{width:100%;min-width:0;padding:.7rem;border:1px solid #aab5be;border-radius:.5rem;background:var(--surface,#fff);color:var(--text,#15232a)}.preservation-controls button{grid-column:1/-1;justify-self:start;border:0;border-radius:.5rem;padding:.7rem 1.5rem;background:#126a70;color:white;cursor:pointer}.preservation-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}.preservation-cards article{border:1px solid #aab5be;border-radius:.7rem;padding:1rem;display:grid;gap:.5rem}.preservation-cards small{font-weight:600}.preservation-cards strong{font-size:clamp(1.2rem,2.4vw,1.9rem)}.preservation-legend{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.9rem;margin:.9rem 0}.preservation-legend span:first-child{color:#087d82}.preservation-legend span:nth-child(2){color:#bc6920}.preservation-chart{overflow-x:auto;max-width:100%;min-height:260px}.preservation-chart svg{display:block;width:100%;min-width:340px}.preservation-chart button{cursor:pointer}.preservation-help{font-size:.9rem;opacity:.83;margin:.75rem 0}.preservation-year-pick{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.preservation-year-pick select{width:auto}.preservation-card .graph-data-actions{margin:1rem 0}.preservation-chart circle{cursor:pointer;outline-offset:2px}.preservation-chart circle:focus{stroke-width:4px}@media(max-width:700px){.preservation-controls,.preservation-cards{grid-template-columns:1fr}.preservation-cards article{padding:.8rem}}

@media (min-width:701px) and (max-width:1050px){.preservation-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

.preservation-selected-label{font-size:.82rem;opacity:.8;margin:.6rem 0}.preservation-diff-percent{display:block;font-size:.78rem;opacity:.78;line-height:1.2}.preservation-cards article strong{overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}.preservation-export-menu{position:relative;display:inline-block}.preservation-export-menu summary{list-style:none;cursor:pointer}.preservation-export-menu summary::-webkit-details-marker{display:none}.preservation-export-panel{position:absolute;z-index:5;left:0;top:100%;min-width:165px;padding:.4rem;border:1px solid #789088;border-radius:.5rem;background:var(--surface,#0b2018);box-shadow:0 6px 20px #0005}.preservation-export-panel button{display:block;width:100%;padding:.5rem;text-align:left;background:transparent;border:0;color:inherit;cursor:pointer}.preservation-export-panel button:hover{background:#60736f55}.preservation-embed-wrap{margin:.75rem 0}.preservation-embed-wrap label{display:block;font-size:.86rem;margin-bottom:.4rem}.preservation-embed-wrap textarea{display:block;width:100%;box-sizing:border-box;background:var(--surface,#0b2018);color:var(--text,#fff);border:1px solid #789088;padding:.65rem;border-radius:.45rem;margin-bottom:.5rem}.preservation-chart circle[data-hit]{cursor:pointer}.preservation-chart circle[data-hit]:focus{stroke:#e8f1eb;stroke-width:2;outline:none}

/* v35.04: sparse plot markers; generous transparent touch targets remain. */
.preservation-chart circle[data-year]{cursor:pointer}.preservation-embed-open{display:inline-flex;align-items:center;text-decoration:none;margin-left:.6rem}.preservation-embed-preview-heading{font-size:.85rem;margin:1rem 0 .45rem;font-weight:600}.preservation-embed-preview{display:block;width:100%;height:640px;box-sizing:border-box;border:1px solid #789088;border-radius:8px;background:#0c1e17}@media(max-width:700px){.preservation-embed-preview{height:780px}.preservation-embed-open{margin-left:0;margin-top:.5rem}}

/* v35.05: full-height touch/click strips over graph plotting area */
.preservation-chart rect[data-hit]{cursor:pointer;pointer-events:all}.preservation-chart rect[data-hit]:focus{stroke:#d8efe7;stroke-width:1;outline:none}
/* Embed modal uses the same names and layout as the established graph embed controls. */
.preservation-modal[hidden]{display:none!important}.preservation-modal{position:fixed;inset:0;z-index:10000;display:flex;justify-content:center;align-items:center;padding:18px}.preservation-modal .graph-embed-modal__backdrop{position:absolute;inset:0;background:#000a}.preservation-modal .graph-embed-modal__dialog{position:relative;z-index:1;max-width:820px;width:100%;max-height:90vh;overflow:auto;background:#0e2019;color:#eaf5f0;border:1px solid #718e84;border-radius:14px;padding:22px;box-shadow:0 14px 50px #0008;box-sizing:border-box}.preservation-modal .graph-embed-modal__close{float:right;font-size:28px;background:transparent;color:inherit;border:0;cursor:pointer}.preservation-modal .eyebrow{font-size:12px;letter-spacing:.12em;color:#9fbeb3}.preservation-modal h2{font-size:22px;margin:8px 0}.preservation-modal .graph-embed-modal__intro{font-size:14px;color:#c8d6cf}.preservation-modal .graph-embed-field{display:block;margin:15px 0 5px}.preservation-modal textarea{width:100%;box-sizing:border-box;padding:12px;background:#081811;color:#e8f2ec;border:1px solid #819a90;border-radius:7px;resize:vertical}.preservation-modal .graph-embed-modal__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.preservation-modal .graph-embed-status{min-height:16px;font-size:13px}.preservation-modal .graph-embed-preview-title{font-weight:600}.preservation-modal .graph-embed-preview{display:block;width:100%;height:650px;border:1px solid #73958b;border-radius:8px;background:#0c1e17;box-sizing:border-box}@media(max-width:600px){.preservation-modal{padding:7px}.preservation-modal .graph-embed-modal__dialog{padding:13px}.preservation-modal .graph-embed-preview{height:720px}}
