/* Marking guide: readable examples and a schematic, not a universal type plate. */
.mark-diagram{margin:25px 0;background:#f4f4f1;border:1px solid #dce3e1}.mark-diagram svg{display:block;width:100%;height:auto;max-height:440px}.mark-diagram figcaption{padding:0 23px 23px;font-size:.82rem;line-height:1.7;color:#52676e}.mark-legend{counter-reset:mark;list-style:none;padding-left:0!important}.mark-legend li{position:relative;padding-left:42px;counter-increment:mark}.mark-legend li:before{content:counter(mark);position:absolute;left:0;top:3px;display:grid;place-items:center;width:27px;height:27px;background:#f18b17;color:#112631;font-size:.8rem;font-weight:800;border-radius:50%}.mark-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.mark-dates article{padding:22px 19px;min-width:0;border:1px solid #dce3e1}.mark-dates span{font-size:.65rem;letter-spacing:.05em;font-weight:800;color:#a64e00}.mark-dates h3{font-size:1.2rem;line-height:1.3;margin:15px 0}.mark-dates p{font-size:.92rem;line-height:1.75;margin:0}.mark-code{padding:24px;background:#112631;color:#fff;margin:25px 0;line-height:1.9;font-size:1rem;overflow-wrap:anywhere}.mark-code code{font-family:Consolas,monospace}.mark-table{min-width:0;border:1px solid #dce3e1}.mark-table td:last-child{width:auto}.mark-table tbody th{width:31%;overflow-wrap:anywhere}.mark-table code{font-size:.94rem;white-space:normal}.mark-cover{background:#112631;color:#fff;min-width:0}.mark-cover>div{max-width:100%;min-width:0;padding:40px 4px 20px}.mark-cover small{display:block;font-size:.67rem;line-height:1.7;letter-spacing:.07em;color:#c6d4d4}.mark-cover strong{display:block;margin:28px 0;font-size:clamp(2.4rem,4.6vw,4.3rem);line-height:1.2;overflow-wrap:anywhere}.mark-cover em{font-style:normal;color:#f18b17}.mark-cover p{font-size:.9rem;line-height:1.7;margin-bottom:20px}.marking-article #mark-sources a{overflow-wrap:anywhere}
@media(max-width:767px){.mark-dates{grid-template-columns:minmax(0,1fr)}.mark-dates article{padding:23px}.marking-article .ar-article-header h1{font-size:clamp(2rem,6vw,2.6rem);overflow-wrap:break-word}.mark-cover{min-height:360px}.mark-cover strong{font-size:clamp(2.4rem,9vw,3.6rem)}.mark-code{padding:20px;font-size:.94rem}.mark-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mark-table,.mark-table tbody,.mark-table tr,.mark-table th,.mark-table td,.mark-table caption{display:block;width:100%!important}.mark-table{border-bottom:0}.mark-table tbody th{border-top:1px solid #dce3e1;padding:17px 20px 4px;color:#a64e00}.mark-table td{padding:4px 20px 18px;border-top:0}.mark-diagram figcaption{padding:0 18px 18px}}

/* V2: photographic location guide and a separately explained plastic date wheel. */
.mark-diagram img{display:block;width:100%;height:auto}.mark-diagram figcaption{padding-top:20px}.mark-clock-example{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:26px;align-items:center;margin:26px 0}.mark-clock{margin:0;min-width:0;background:#f4f4f1;border:1px solid #dce3e1}.mark-clock svg{display:block;width:100%;height:auto}.mark-clock figcaption{font-size:.82rem;line-height:1.7;padding:0 20px 22px;color:#52676e}.mark-clock-example .ar-checklist{margin-bottom:0}.mark-plastic-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.mark-plastic-cards article{padding:24px;border:1px solid #dce3e1;min-width:0}.mark-plastic-cards span{font-family:Consolas,monospace;font-size:1.6rem;font-weight:700;color:#a64e00}.mark-plastic-cards h4{font-size:1.12rem;line-height:1.4;margin:14px 0}.mark-plastic-cards p{font-size:.92rem;line-height:1.75;margin-bottom:0}.marking-article #mark-plastic h3{font-size:1.5rem;line-height:1.3;margin:32px 0 18px}.marking-article #mark-plastic>p code{white-space:nowrap;font-size:1rem;background:#f4f4f1;padding:2px 5px}
@media(max-width:700px){.mark-clock-example,.mark-plastic-cards{grid-template-columns:minmax(0,1fr)}.mark-clock{max-width:440px;width:100%;justify-self:center}.mark-clock-example{gap:22px}.mark-clock-example .ar-checklist{padding-left:24px}.mark-diagram figcaption{padding-top:17px}}