/* Additional presentation for existing program records and SUR documents. */
.packaged-programs .program-row { --package-accent:var(--accent); }
.packaged-programs .program-row:has(figure) { gap:clamp(28px,4vw,64px); padding-block:clamp(32px,4vw,56px); }
.packaged-programs .program-row > div { min-width:0; }
.packaged-programs .program-row h3 { font-size:clamp(25px,2.3vw,36px); line-height:1.22; letter-spacing:-.025em; margin-bottom:16px; }
.packaged-programs .program-row .program-slogan { color:var(--package-accent); font-size:clamp(19px,1.65vw,25px); font-weight:600; line-height:1.4; letter-spacing:-.02em; margin:0 0 20px; max-width:40ch; }
.packaged-programs .program-row .status { font-size:14px; line-height:1.6; margin-bottom:12px; }
.packaged-programs .program-art figcaption { display:flex; align-items:baseline; gap:12px; padding-top:14px; font-size:12px; }
.packaged-programs .program-index { flex:none; color:var(--package-accent); font-size:14px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:.04em; }
.packaged-programs .program-row .source-links { border-top:1px solid var(--line); margin-top:24px; padding-top:14px; }
.packaged-programs .source-links a, .packaged-sur .source-links a { display:inline-flex; align-items:center; min-height:44px; }
.packaged-programs .filterbar input, .packaged-programs .filterbar select { min-width:0; }
.packaged-programs .program-row:target { outline-offset:0; }
.packaged-sur #cycle { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:24px clamp(28px,4vw,64px); align-items:start; }
.packaged-sur #cycle > h2 { grid-column:1/-1; }
.packaged-sur #cycle > .copy { min-width:0; max-width:none; }
.packaged-sur .sur-system-art { margin:0; min-width:0; }
.packaged-sur .sur-system-art a, .packaged-sur .sur-topic-art a { display:block; }
.packaged-sur .sur-system-art img, .packaged-sur .sur-topic-art img { display:block; width:100%; height:auto; border-radius:12px; }
.packaged-sur .sur-system-art figcaption, .packaged-sur .sur-topic-art figcaption { font-size:12px; line-height:1.6; padding-top:12px; }
.packaged-sur .sur-system-art figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 20px; }
.packaged-sur .sur-system-art figcaption a { color:inherit; }
.packaged-sur .cycle { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; margin:24px 0; counter-reset:sur-step; }
.packaged-sur .cycle li { position:relative; min-width:0; padding-top:12px; padding-inline-start:28px; font-size:15px; line-height:1.6; }
.packaged-sur .cycle li::before { counter-increment:sur-step; content:counter(sur-step); position:absolute; inset-inline-start:0; top:12px; color:var(--accent); font-size:13px; font-weight:800; font-variant-numeric:tabular-nums; }
.packaged-sur .cycle strong { font-size:17px; line-height:1.4; margin-bottom:6px; }
.packaged-sur #core, .packaged-sur #related { display:block; }
.packaged-sur #core > .copy, .packaged-sur #related > .copy { max-width:none; }
.packaged-sur #core > h2, .packaged-sur #related > h2 { margin-bottom:32px; max-width:25ch; }
.packaged-sur .sur-topic { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(28px,4vw,64px); align-items:center; padding-block:40px; }
.packaged-sur .sur-topic:first-child { padding-top:0; }
.packaged-sur .sur-topic-art, .packaged-sur .sur-topic-copy { margin:0; min-width:0; }
.packaged-sur .sur-topic h3 { font-size:clamp(24px,2.2vw,34px); font-weight:650; line-height:1.25; letter-spacing:-.025em; margin:0 0 16px; }
.packaged-sur .sur-topic .sur-topic-slogan { color:var(--accent); font-size:clamp(19px,1.6vw,24px); font-weight:600; line-height:1.4; margin:0 0 20px; max-width:42ch; }
.packaged-sur .sur-topic .source-links { margin-top:20px; padding-top:12px; border-top:1px solid var(--line); }
.packaged-programs .design-pack-link, .packaged-sur .design-pack-link { display:inline-flex; align-items:center; min-height:48px; font-weight:650; padding:8px 0; }
@media(max-width:800px) {
 .packaged-programs .program-row:has(figure), .packaged-sur #cycle, .packaged-sur .sur-topic { grid-template-columns:minmax(0,1fr); gap:24px; }
 .packaged-programs .program-row:nth-of-type(even) > figure { order:0; }
 .packaged-programs .program-row h3 { margin-bottom:12px; }
 .packaged-programs .program-row .program-slogan, .packaged-sur .sur-topic .sur-topic-slogan { margin-bottom:16px; }
 .packaged-sur .sur-topic { padding-block:32px; }
 .packaged-sur #core > h2, .packaged-sur #related > h2 { margin-bottom:28px; }
}
@media(max-width:420px) {
 .packaged-sur .cycle { gap:16px; }
 .packaged-sur .cycle li { padding-inline-start:22px; font-size:14px; }
 .packaged-sur .cycle strong { font-size:16px; }
 .packaged-programs .program-art figcaption { flex-wrap:wrap; gap:4px 10px; }
}
@media print {
 .packaged-sur #cycle, .packaged-sur .sur-topic, .packaged-programs .program-row:has(figure) { grid-template-columns:34% minmax(0,1fr); gap:20px; }
 .packaged-programs .program-row:nth-of-type(even) > figure { order:0; }
 .packaged-sur .sur-topic, .packaged-programs .program-row { break-inside:avoid; }
}