.worksheet-detail-design {
    --detail-ink: #142e4a;
    --detail-muted: #536a80;
    --detail-teal: #087f80;
    --detail-teal-soft: #e6f6f3;
    --detail-blue-soft: #eaf3fb;
    --detail-line: #d8e4eb;
    color: var(--detail-ink);
    padding-bottom: 52px;
}
.worksheet-detail-design *, .worksheet-detail-design *::before, .worksheet-detail-design *::after { box-sizing: border-box; }
.worksheet-detail-design a { color: inherit; }
.worksheet-detail-design .proposal-notice { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 15px; margin-bottom:20px; border:1px solid #b8ddd7; border-radius:12px; background:#edf9f5; color:#315f59; font-size:.86rem; }
.worksheet-detail-design .proposal-notice a { color:#006e70; font-weight:700; white-space:nowrap; }
.worksheet-detail-design .proposal-draft-note { display:flex; flex-wrap:wrap; gap:5px 12px; align-items:center; margin-bottom:16px; padding:12px 16px; border:1px solid #efc89e; border-radius:12px; background:#fff8ed; color:#70441f; font-size:.85rem; }
.worksheet-detail-design .proposal-draft-note strong { font-weight:700; }
.worksheet-detail-design .proposal-map-caveat { margin:0; padding:11px 22px; border-bottom:1px solid var(--detail-line); background:#f7f9ef; color:#4a5c3b; font-size:.84rem; line-height:1.45; }
.worksheet-detail-design .proposal-download-pending { display:inline-flex; align-items:center; min-height:42px; padding:9px 14px; border:1px solid #e8c69e; border-radius:9px; background:#fff5e9; color:#785021; font-size:.83rem; font-weight:700; }
.worksheet-detail-design .proposal-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin:0 0 18px; color:var(--detail-muted); font-size:.86rem; font-weight:600; }
.worksheet-detail-design .proposal-breadcrumb a:hover { color:var(--detail-teal); }
.worksheet-detail-design .proposal-grid { display:grid; grid-template-columns:minmax(0,1fr) 286px; gap:22px; align-items:start; }
.worksheet-detail-design .proposal-main { min-width:0; }
.worksheet-detail-design .proposal-hero, .worksheet-detail-design .proposal-learning, .worksheet-detail-design .proposal-evidence, .worksheet-detail-design .proposal-topic-card, .worksheet-detail-design .proposal-aside-help { border:1px solid var(--detail-line); border-radius:18px; background:#fff; box-shadow:0 6px 20px rgba(29,63,91,.045); }
.worksheet-detail-design .proposal-hero { overflow:hidden; }
.worksheet-detail-design .proposal-hero-head { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:17px 22px; }
.worksheet-detail-design .proposal-hero-head > div { display:grid; gap:3px; }
.worksheet-detail-design .proposal-kicker, .worksheet-detail-design .proposal-section-label, .worksheet-detail-design .proposal-side-label { color:var(--detail-teal); font-size:.75rem; font-weight:700; letter-spacing:.065em; text-transform:uppercase; }
.worksheet-detail-design .proposal-hero-caption { color:var(--detail-muted); font-size:.85rem; }
.worksheet-detail-design .proposal-back { color:var(--detail-teal); font-size:.86rem; font-weight:700; white-space:nowrap; }
.worksheet-detail-design .proposal-back:hover { text-decoration:underline; }
.worksheet-detail-design .proposal-image-link { display:grid; justify-items:center; gap:12px; padding:23px 24px 19px; background:radial-gradient(circle at 16% 4%, #e8efd8, transparent 34%),linear-gradient(130deg,#e2f2f1,#e8effb); color:var(--detail-teal); font-size:.9rem; font-weight:700; text-align:center; text-decoration:none; }
.worksheet-detail-design .proposal-image-link img { display:block; width:min(100%,690px); height:auto; border:1px solid rgba(63,99,117,.16); border-radius:7px; background:white; box-shadow:0 14px 25px rgba(36,67,81,.14); }
.worksheet-detail-design .proposal-zoom { display:inline-flex; gap:6px; align-items:center; min-height:30px; border-bottom:1px solid transparent; }
.worksheet-detail-design .proposal-image-link:hover .proposal-zoom, .worksheet-detail-design .proposal-image-link:focus-visible .proposal-zoom { border-color:currentColor; }
.worksheet-detail-design .proposal-preview-missing { display:grid; width:min(100%,690px); min-height:320px; place-items:center; border:1px solid var(--detail-line); border-radius:7px; background:#fff; color:var(--detail-muted); }
.worksheet-detail-design .proposal-hero-copy { padding:23px 26px 27px; }
.worksheet-detail-design .proposal-hero-copy h1 { margin:0 0 7px; font-size:clamp(1.9rem,3.3vw,2.55rem); line-height:1.13; }
.worksheet-detail-design .proposal-hero-copy > p { margin:0; color:var(--detail-muted); font-size:1.03rem; }
.worksheet-detail-design .proposal-download { display:flex; flex-wrap:wrap; gap:13px; align-items:center; margin-top:20px; }
.worksheet-detail-design .proposal-download .button { color:#fff; }
.worksheet-detail-design .proposal-download > span { color:var(--detail-muted); font-size:.85rem; font-weight:600; }
.worksheet-detail-design .proposal-learning, .worksheet-detail-design .proposal-evidence { margin-top:20px; padding:27px; }
.worksheet-detail-design .proposal-learning section + section { margin-top:28px; }
.worksheet-detail-design .proposal-learning h2, .worksheet-detail-design .proposal-evidence h2 { margin:5px 0 10px; font-size:1.47rem; line-height:1.2; }
.worksheet-detail-design .proposal-learning p, .worksheet-detail-design .proposal-evidence p { margin:0; color:var(--detail-muted); line-height:1.65; }
.worksheet-detail-design .proposal-context { border-left:4px solid var(--detail-teal); padding:2px 0 2px 17px; }
.worksheet-detail-design .proposal-observe-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }
.worksheet-detail-design .proposal-observe-card { padding:19px; border:1px solid #cce5e2; border-radius:13px; background:#f0faf7; }
.worksheet-detail-design .proposal-observe-card--activity { border-color:#d4e1f1; background:#f0f6fd; }
.worksheet-detail-design .proposal-card-index { color:var(--detail-teal); font-size:.77rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.worksheet-detail-design .proposal-observe-card h3 { margin:9px 0 7px; font-size:1.05rem; }
.worksheet-detail-design .proposal-observe-card p { font-size:.91rem; line-height:1.55; }
.worksheet-detail-design .proposal-scenes { padding-top:22px; border-top:1px solid var(--detail-line); }
.worksheet-detail-design .proposal-section-intro { margin-bottom:16px !important; }
.worksheet-detail-design .proposal-scene-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0; padding:0; list-style:none; }
.worksheet-detail-design .proposal-scene-list.is-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
.worksheet-detail-design .proposal-scene-list.is-one { grid-template-columns:1fr; }
.worksheet-detail-design .proposal-scene-list li { display:flex; align-items:center; gap:9px; min-height:58px; padding:10px; border:1px solid var(--detail-line); border-radius:10px; font-size:.83rem; line-height:1.25; }
.worksheet-detail-design .proposal-scene-list li span { display:grid; flex:0 0 28px; height:28px; place-items:center; border-radius:8px; background:var(--detail-blue-soft); color:var(--detail-teal); font-size:.75rem; font-weight:700; }
.worksheet-detail-design .proposal-evidence-heading { display:flex; justify-content:space-between; align-items:end; gap:10px; }
.worksheet-detail-design .proposal-evidence-count { margin-bottom:9px; color:var(--detail-muted); font-size:.77rem; font-weight:700; white-space:nowrap; }
.worksheet-detail-design .proposal-ai-note { padding:16px 17px; border-radius:11px; background:#f7f5ec; }
.worksheet-detail-design .proposal-ai-note strong { display:block; margin-bottom:5px; font-size:.92rem; }
.worksheet-detail-design .proposal-ai-note p { font-size:.87rem; line-height:1.5; }
.worksheet-detail-design .proposal-image-map { margin-top:18px; border-top:1px solid var(--detail-line); }
.worksheet-detail-design .proposal-image-source { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:65px; padding:11px 0; border-bottom:1px solid var(--detail-line); }
.worksheet-detail-design .proposal-image-number { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; background:var(--detail-blue-soft); color:var(--detail-teal); font-size:.79rem; font-weight:700; }
.worksheet-detail-design .proposal-image-source > strong { font-size:.88rem; }
.worksheet-detail-design .proposal-source-chips { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.worksheet-detail-design .proposal-source-chips a { padding:5px 8px; border-radius:999px; background:var(--detail-teal-soft); color:var(--detail-teal); font-size:.73rem; font-weight:700; text-decoration:none; }
.worksheet-detail-design .proposal-source-chips a:hover { text-decoration:underline; }
.worksheet-detail-design .proposal-source-heading { margin:24px 0 10px; font-size:1rem; }
.worksheet-detail-design .proposal-source-list { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.worksheet-detail-design .proposal-source-list li { display:grid; grid-template-columns:27px minmax(0,1fr); gap:9px; align-items:start; }
.worksheet-detail-design .proposal-source-list li > span { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#deeeec; color:var(--detail-teal); font-size:.77rem; font-weight:700; }
.worksheet-detail-design .proposal-source-list a { display:grid; gap:2px; color:var(--detail-teal); font-size:.84rem; text-decoration:none; }
.worksheet-detail-design .proposal-source-list a:hover { text-decoration:underline; }
.worksheet-detail-design .proposal-source-list small { color:var(--detail-muted); font-size:.8rem; line-height:1.35; }
.worksheet-detail-design .proposal-editorial-review { margin-top:16px !important; padding-top:13px; border-top:1px solid var(--detail-line); font-size:.84rem; }
.worksheet-detail-design .proposal-bottom-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:19px; }
.worksheet-detail-design .proposal-bottom-nav a { display:grid; gap:4px; padding:14px 16px; border:1px solid var(--detail-line); border-radius:12px; background:#fff; font-size:.85rem; text-decoration:none; }
.worksheet-detail-design .proposal-bottom-nav a:hover { border-color:var(--detail-teal); }
.worksheet-detail-design .proposal-bottom-nav a span { color:var(--detail-teal); font-size:.74rem; font-weight:700; text-transform:uppercase; }
.worksheet-detail-design .proposal-aside { position:sticky; top:108px; }
.worksheet-detail-design .proposal-topic-card { padding:19px; }
.worksheet-detail-design .proposal-topic-card h2 { margin:5px 0 7px; font-size:1.18rem; line-height:1.25; }
.worksheet-detail-design .proposal-topic-card > p { margin:0; color:var(--detail-muted); font-size:.84rem; line-height:1.45; }
.worksheet-detail-design .proposal-progress { display:grid; grid-template-columns:repeat(var(--segment-count,4),1fr); gap:5px; margin:17px 0 15px; }
.worksheet-detail-design .proposal-progress span { height:5px; border-radius:99px; background:#afd7d3; }
.worksheet-detail-design .proposal-progress span.is-current { background:var(--detail-teal); }
.worksheet-detail-design .proposal-related-list { display:grid; gap:8px; margin-top:15px; }
.worksheet-detail-design .proposal-related-item { display:grid; grid-template-columns:60px minmax(0,1fr); gap:10px; align-items:center; padding:7px; border:1px solid var(--detail-line); border-radius:11px; background:#fff; text-decoration:none; }
.worksheet-detail-design .proposal-related-item:hover { border-color:var(--detail-teal); background:#f7fcfa; }
.worksheet-detail-design .proposal-related-item.is-current { border-color:#7fcac1; background:#eaf8f4; }
.worksheet-detail-design .proposal-related-item img, .worksheet-detail-design .proposal-related-placeholder { width:60px; height:51px; border-radius:6px; background:#f0f4f5; object-fit:contain; }
.worksheet-detail-design .proposal-related-item > span:last-child { display:grid; gap:4px; min-width:0; }
.worksheet-detail-design .proposal-related-item small { color:var(--detail-teal); font-size:.69rem; font-weight:700; text-transform:uppercase; }
.worksheet-detail-design .proposal-related-item strong { font-size:.82rem; line-height:1.24; }
.worksheet-detail-design .proposal-aside-help { display:grid; gap:5px; margin-top:12px; padding:16px 17px; text-decoration:none; }
.worksheet-detail-design .proposal-aside-help strong { color:var(--detail-teal); font-size:.86rem; }
.worksheet-detail-design .proposal-aside-help span { color:var(--detail-muted); font-size:.8rem; }
.worksheet-detail-design .request-cta { margin-top:22px; }
@media (max-width:850px) {
    .worksheet-detail-design .proposal-grid { grid-template-columns:minmax(0,1fr); }
    .worksheet-detail-design .proposal-aside { position:static; }
    .worksheet-detail-design .proposal-related-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .worksheet-detail-design .proposal-aside-help { display:none; }
}
@media (max-width:580px) {
    .worksheet-detail-design .proposal-notice { align-items:start; flex-direction:column; }
    .worksheet-detail-design .proposal-hero-head { align-items:start; padding:14px 17px; }
    .worksheet-detail-design .proposal-hero-caption { font-size:.75rem; }
    .worksheet-detail-design .proposal-back { font-size:.74rem; }
    .worksheet-detail-design .proposal-image-link { padding:14px 11px; }
    .worksheet-detail-design .proposal-hero-copy, .worksheet-detail-design .proposal-learning, .worksheet-detail-design .proposal-evidence { padding:19px; }
    .worksheet-detail-design .proposal-observe-grid, .worksheet-detail-design .proposal-scene-list, .worksheet-detail-design .proposal-related-list, .worksheet-detail-design .proposal-bottom-nav { grid-template-columns:minmax(0,1fr); }
    .worksheet-detail-design .proposal-evidence-heading { align-items:start; flex-direction:column; }
    .worksheet-detail-design .proposal-image-source { grid-template-columns:31px minmax(0,1fr); }
    .worksheet-detail-design .proposal-source-chips { grid-column:2; justify-content:start; }
}
