.yoyo-proposal { --yp-line: #bfd0c4; --yp-ink: #23453d; --yp-muted: #5b7065; color: var(--yp-ink); }
.yoyo-proposal .yp-capability { color: var(--yp-muted); font-size: 12px; margin: 0 0 12px; }
.yoyo-proposal .yp-hero { display: block; margin: 0 0 12px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--yp-ink); }
.yoyo-proposal .yp-hero h2, .yoyo-proposal .yp-hero p { color: var(--yp-ink); }
.yoyo-proposal .yp-hero .section-kicker { display: none; }
#view-proposal .page-heading { min-height: 108px; padding: 14px 0; }
#view-proposal .page-heading h1 { font-size: 28px; margin: 0; }
#view-proposal .page-heading .eyebrow, #view-proposal .page-heading p { display: none; }
.yoyo-proposal .yp-hero h2 { margin: 6px 0; font-size: clamp(26px,3vw,36px); }
.yoyo-proposal .yp-hero p { margin: 0; max-width: 50em; font-size: 15px; }
.yp-feature-row { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; margin: 8px 0; }
.yp-feature-label { color: var(--yp-muted); font-size: 12px; font-weight: 600; white-space: nowrap; margin-right: 3px; }
.yp-chip { display: inline-flex; align-items: center; padding: 4px 9px; border: 1px solid #bed5c4; border-radius: 7px; background: #e8f3e8; color: #294f3e; font-size: 12px; line-height: 1.5; }
.yp-chip.practice { background: #fff0d6; border-color: #e7d5ad; color: #6d522e; }
.yp-chip.pending { background: #f4f4ed; border-color: #d8dccc; color: #5f6a57; }
.yp-section { margin: 18px 0; padding: 20px; border: 1px solid var(--yp-line); border-radius: 13px; background: #fffdf6; }
.yp-section-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 14px; }
.yp-section-heading h3 { margin: 0; font-size: 18px; line-height: 1.4; }
.yp-section-heading > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.yp-help { font-size: 12px; color: var(--yp-muted); line-height: 1.6; margin: 8px 0 14px; }
.yp-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--yp-line); border-left: 1px solid var(--yp-line); }
.yp-metric { min-width: 0; display: grid; gap: 4px; padding: 12px; background: #f6f9f0; border-right: 1px solid var(--yp-line); border-bottom: 1px solid var(--yp-line); }
.yp-metric > span { font-size: 12px; color: var(--yp-muted); }
.yp-metric > strong { font: 700 20px/1.35 var(--font, sans-serif); overflow-wrap: anywhere; }
.yp-metric > small { font-size: 10px; line-height: 1.5; color: var(--yp-muted); }
.yp-frame-track { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; list-style: none; padding: 0; margin: 16px 0; }
.yp-frame-track > li { position: relative; min-width: 0; }
.yp-frame-track > li:not(:last-child)::after { content: '→'; position: absolute; top: 45%; right: -18px; color: #718979; font: 18px/1 monospace; }
.yp-frame { width: 100%; padding: 0; border: 1px solid #a8b7ab; border-radius: 7px; background: #fafbf6; text-align: left; color: #304d41; font-family: inherit; font-weight: 400; cursor: pointer; box-shadow: 2px 3px 0 #294d3d10; overflow: hidden; }
.yp-frame:hover { border-color: #6b937a; background: #fffdf5; }
.yp-frame[aria-selected=true] { border-color: #355f48; box-shadow: 0 0 0 2px #b1d0b5,2px 4px 0 #294d3d10; background: #fffef8; }
.yp-frame:focus-visible { outline: 3px solid #b66d37; outline-offset: 4px; }
.yp-frame-bar { display: flex; justify-content: space-between; gap: 5px; padding: 9px; border-bottom: 1px solid #c6cfc4; background: #e9eee3; font-size: 10px; line-height: 1.3; }
.yp-frame-bar > span:first-child { color: #a1b4a1; letter-spacing: 1px; }
.yp-frame-page { display: flex; flex-direction: column; align-items: stretch; gap: 9px; min-height: 214px; padding: 13px; }
.yp-frame-caption { font-size: 11px; font-weight: 700; color: #6c7e6a; }
.yp-frame-text { font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.yp-fake-option { display: block; border: 1px dashed #bfc9b8; padding: 9px 7px; border-radius: 4px; background: #f5f6ef; font-size: 11px; line-height: 1.6; }
.yp-fake-button { display: block; padding: 7px 9px; border: 1px solid #aabda7; border-radius: 4px; background: #e4eddb; color: #3d5d42; text-align: center; margin-top: auto; font-size: 11px; }
.yp-fake-input { padding: 9px; font-size: 10px; border-bottom: 1px solid #bfc9b8; color: #87917f; }
.yp-result-bars { display: flex; gap: 5px; align-items: end; height: 26px; margin-top: auto; }
.yp-result-bars i { width: 20px; height: 10px; background: #d8dfca; }.yp-result-bars i:nth-child(2) { height: 20px; }.yp-result-bars i:nth-child(3) { height: 15px; background: #e4c69d; }
.yp-step-detail { display: grid; grid-template-columns: 1.6fr 1fr; gap: 22px; padding: 16px; background: #eef4e8; border-radius: 7px; font-size: 13px; line-height: 1.7; }
.yp-step-detail[hidden] { display: none !important; }
.yp-step-detail strong { font-size: 12px; }.yp-step-detail p { margin: 6px 0 0; }.yp-step-detail .yp-context { color: #61725f; font-size: 12px; }
.yp-learning-note { border-left: 1px solid #c5d3be; padding-left: 18px; }
.yp-loop-note { display: flex; align-items: center; gap: 9px; margin-top: 12px; font-size: 12px; color: #52684d; line-height: 1.7; }.yp-loop-note > span { font-size: 20px; }
.yp-cycle { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 15px; padding-top: 13px; border-top: 1px dashed #c7d2bc; }
.yp-cycle > span:not(.yp-feature-label) { display: grid; gap: 3px; padding: 8px 10px; border: 1px solid #d2d9c7; border-radius: 5px; background: #f4f5ed; font-size: 11px; }.yp-cycle strong { font-size: 10px; color: #758268; }
.yp-transfer-path { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px; border: 1px dashed #ddc59f; border-radius: 6px; background: #fff3df; font-size: 12px; flex-wrap: wrap; }.yp-transfer-path details { flex-basis: 100%; }
.yp-rule-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; font-size: 13px; line-height: 1.7; }.yp-rule-summary strong { font-size: 12px; color: #5b7054; }.yp-rule-summary p { margin: 6px 0; }
.yoyo-proposal details { margin-top: 12px; }.yoyo-proposal summary { cursor: pointer; font-size: 12px; font-weight: 600; color: #57724e; line-height: 1.6; }.yoyo-proposal details p,.yoyo-proposal details li { font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }.yoyo-proposal details ul,.yoyo-proposal details ol { padding-left: 20px; }.yoyo-proposal details pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; line-height: 1.7; }
.yp-visuals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.yp-visual-card { min-width: 0; }.yp-visual-card .image-button { display: block; width: 100%; padding: 0; border: 0; background: transparent; }.yp-visual-card img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #eeeadd; border: 1px solid #d5d9c9; border-radius: 5px; }.yp-visual-card h4 { font-size: 13px; margin: 10px 0 5px; }.yp-visual-card > p { font-size: 11px; color: var(--yp-muted); line-height: 1.7; margin: 0; }
.yp-image-placeholder { min-height: 140px; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; gap: 14px; border: 1px dashed #c0cbb7; border-radius: 5px; background: #eff2e7; color: #728064; }.yp-image-placeholder strong { font: 700 30px/1 monospace; color: #abb89b; }.yp-image-placeholder span { font-size: 11px; line-height: 1.8; }
.yp-basis { background: #f7f8f0; }.yp-basis > details { margin: 0; }.yp-basis-list { display: grid; grid-template-columns: 150px 1fr; gap: 9px 16px; font-size: 12px; line-height: 1.8; margin: 18px 0; }.yp-basis-list dt { color: #61745a; }.yp-basis-list dd { margin: 0; overflow-wrap: anywhere; }.yp-basis h4 { margin: 16px 0 6px; font-size: 12px; }
@media (max-width: 1100px) { .yp-frame-track { gap: 14px; }.yp-frame-track > li:not(:last-child)::after { right: -13px; font-size: 13px; }.yp-frame-page { min-height: 244px; padding: 10px; }.yp-frame-bar { font-size: 9px; padding: 7px; }.yp-frame-bar > span:first-child { display: none; } }
@media (max-width: 850px) { .yp-frame-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }.yp-frame-track > li:nth-child(2)::after { content: none; }.yp-frame-page { min-height: 204px; padding: 13px; }.yp-step-detail { grid-template-columns: 1fr; gap: 12px; }.yp-learning-note { border-left: 0; border-top: 1px solid #c5d3be; padding: 10px 0 0; }.yp-visuals { grid-template-columns: 1fr; }.yp-visual-card img { max-height: 320px; }.yp-section { padding: 16px; }.yp-metric { padding: 10px; }.yp-metric > strong { font-size: 18px; } }
@media (max-width: 540px) { .yp-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.yp-section-heading { align-items: flex-start; flex-wrap: wrap; }.yp-section-heading h3 { font-size: 17px; }.yp-frame-page { min-height: 230px; padding: 10px; }.yp-frame-track { gap: 14px; }.yp-frame-text { font-size: 11px; }.yp-fake-option { font-size: 10px; }.yp-rule-summary { grid-template-columns: 1fr; gap: 8px; }.yp-basis-list { grid-template-columns: 1fr; gap: 2px; }.yp-basis-list dd { margin-bottom: 10px; }.yp-chip { font-size: 10px; }.yp-feature-label { font-size: 11px; }.yp-image-placeholder { min-height: 130px; } }
@media print { .yp-frame-track { grid-template-columns: repeat(4,minmax(0,1fr)); }.yp-step-detail[hidden] { display: block !important; }.yp-console button,.output-actions { display: none; } }
.yp-refinements { background: #faf8ef; }
.yp-refinement-intro { margin: 0 0 12px; color: var(--yp-muted); font-size: 12px; line-height: 1.7; }
.yoyo-proposal .yp-refinement-item { border-top: 1px solid #d9dfcd; margin: 0; padding: 11px 0; }
.yp-refinement-item > summary { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; list-style: none; }
.yp-refinement-item > summary::-webkit-details-marker { display: none; }
.yp-refinement-item > summary::before { content: '+'; color: #71816a; font: 16px/1 monospace; }
.yp-refinement-item[open] > summary::before { content: '−'; }
.yp-refinement-item > summary strong { color: #36523c; font-size: 13px; }
.yp-refinement-area { padding: 2px 7px; border-radius: 4px; background: #e8eddc; color: #687a56; font-size: 10px; font-weight: 400; }
.yp-refinement-status { margin-left: auto; color: #89917e; font-size: 10px; font-weight: 400; }
.yp-refinement-item dl { display: grid; grid-template-columns: 105px 1fr; gap: 8px 15px; margin: 15px 0 4px 24px; font-size: 12px; line-height: 1.8; }
.yp-refinement-item dt { color: #6a7d5f; }
.yp-refinement-item dd { margin: 0; color: #415340; overflow-wrap: anywhere; white-space: pre-wrap; }
@media (max-width: 540px) { .yp-refinement-item dl { grid-template-columns: 1fr; gap: 3px; margin-left: 0; }.yp-refinement-item dd { margin-bottom: 8px; }.yp-refinement-intro { font-size: 11px; } }
/* Purpose comes first; the input snapshot remains one click away. */
.yoyo-proposal { padding-right:64px; }
.yp-purpose { padding:26px 28px; margin:0 0 16px; border:1px solid #a9c8b4; border-radius:16px; background:#dfefdf; box-shadow:0 5px 0 #b7cdb525; }
.yp-purpose-meta { display:flex; gap:14px; justify-content:space-between; align-items:center; font-size:12px; color:#52715e; }
.yp-purpose-meta > span:first-child { font-weight:700; color:#355b45; }
.yp-purpose h2 { font-size:clamp(26px,3.2vw,40px); line-height:1.45; font-weight:750; color:#204b3c; margin:15px 0 21px; max-width:24em; overflow-wrap:anywhere; }
.yp-purpose-context { display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid #bad0ba; padding-top:16px; }
.yp-purpose-context span { font-size:11px; color:#52725a; }
.yp-purpose-context p { margin:5px 0 0; font-size:13px; line-height:1.8; color:#345442; overflow-wrap:anywhere; }
.yp-game-theme { font-size:14px; color:#45614d; margin:0 0 12px; }
.yp-play-basics { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 20px; }
.yp-art-label { display:block; color:#7b886e; font-size:10px; margin-top:10px; }
.yp-visual-card h4 { font-size:16px; margin:4px 0 8px; }
.yp-visual-card > p { font-size:13px; color:#405c47; }
.yp-game-return { background:#f0f3e7; padding:12px; margin:18px 0 0; font-size:12px; color:#52654a; border-radius:7px; }
.yp-game-return strong { margin-right:8px; }
.yp-input-launch { position:fixed; z-index:12; right:14px; top:48%; width:62px; display:grid; gap:6px; justify-items:center; padding:14px 5px; border:1px solid #a4bea9; border-radius:14px 4px 4px 14px; background:#ecf3e5; color:#315642; box-shadow:0 4px 18px #234d3b20; font:inherit; cursor:pointer; }
.yp-input-launch > span { font-size:23px; line-height:1; }.yp-input-launch strong { font-size:12px; }.yp-input-launch small { font-size:9px; color:#74846c; }
body.is-entering .yp-input-launch { visibility:hidden; }
.yp-input-dialog { width:min(1000px,94vw); max-height:90dvh; padding:0; border-radius:16px; overflow:hidden; background:#fcfcf5; }
.yp-input-dialog[open] { display:flex; flex-direction:column; }
.yp-input-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:23px 28px 16px; background:#edf3e6; flex-shrink:0; }
.yp-input-caption { font-size:11px; color:#5a735b; }.yp-input-header h2 { margin:5px 0 0; font-size:25px; }.yp-input-header p { margin:3px 0 0; font-size:12px; color:#71816a; }
.yp-input-tabs { padding:18px 28px; margin:0; flex-shrink:0; background:#fcfcf5; }
.yp-input-scroll { overflow:auto; min-height:0; overscroll-behavior:contain; }
.yp-input-dialog [data-review-panel][hidden] { display:none!important; }.yp-input-dialog .step-content { padding:20px 28px 28px; animation:none; }
.yp-input-dialog input:disabled,.yp-input-dialog select:disabled { opacity:1; -webkit-text-fill-color:var(--ink); color:var(--ink); cursor:default; }
.yp-input-dialog textarea { resize:none; overflow:hidden; }.yp-input-dialog .check-row { margin-bottom:0; }
.yp-input-dialog .section-kicker,.yp-input-dialog .step-content > h2 { display:none; }
.yp-input-dialog details { margin-top:18px; padding-top:12px; }
@media(max-width:700px) {
  .yoyo-proposal { padding-right:0; padding-bottom:70px; }.yp-purpose { padding:19px; }.yp-purpose h2 { font-size:26px; margin:13px 0 18px; }.yp-purpose-context { grid-template-columns:1fr; gap:12px; }.yp-purpose-context p { font-size:12px; }
  .yp-input-launch { top:auto; right:12px; bottom:calc(14px + env(safe-area-inset-bottom)); width:auto; display:flex; padding:11px 14px; border-radius:25px; gap:8px; }.yp-input-launch > span { font-size:17px; }.yp-input-launch small { display:none; }
  .yp-input-dialog { width:96vw; max-height:94dvh; }.yp-input-header { padding:18px 16px 14px; }.yp-input-tabs { padding:14px 12px; }.yp-input-dialog .step-content { padding:12px 16px 24px; }.yp-input-header h2 { font-size:22px; }.yp-input-dialog input:not([type=checkbox]),.yp-input-dialog select,.yp-input-dialog textarea { font-size:14px; }
}
@media print { .yp-input-launch,.yp-input-dialog { display:none!important; }.yoyo-proposal { padding:0; }.yp-purpose { break-inside:avoid; } }

/* Proposal name leads; experience intent remains visible directly underneath. */
.yp-purpose h2{font-size:clamp(32px,4.5vw,48px);line-height:1.18;margin:0 0 12px}.yp-purpose-lead{font-size:clamp(19px,2.3vw,25px);font-weight:650;line-height:1.5;margin:0 0 22px;color:var(--ink)}
.yp-impact{margin-top:22px;padding:20px;background:var(--soft,#f1f5e9);border-radius:16px}.yp-impact h4{margin:0;font-size:17px}.yp-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.yp-impact-grid strong{font-size:12px;color:var(--muted)}.yp-impact-grid p{font-size:14px;margin:7px 0 12px;line-height:1.7}.yp-impact details{font-size:13px}
.experience-console{background:#edf4e5;border:1px solid #cedfc8;padding:16px 18px;border-radius:16px;margin:10px 0 16px}.experience-console label{font-size:13px}.experience-console select{background:#fffdf6;font-size:13px}.experience-preview{font-size:12px;line-height:1.7;margin:12px 0 0;color:#49695a}
@media(max-width:640px){.yp-impact-grid{grid-template-columns:1fr;gap:6px}.experience-console{padding:12px}.yp-purpose h2{font-size:32px}.yp-purpose-lead{font-size:19px}}

/* Decision comparison: mint ink, cream paper, orange cost marker. */
.yp-review { --review-paper:#fffdf4; --review-mint:#e8f1df; --review-ink:#23453d; --review-orange:#edaa72; }
.yp-choice-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:14px 0 18px; }
.yp-choice-pair article { background:var(--review-paper);border-top:4px solid var(--review-ink);padding:18px;border-radius:4px 4px 16px 16px; }
.yp-choice-pair article:nth-child(2) { background:var(--review-mint); }
.yp-choice-pair h4 { margin:0 0 14px;font-size:18px;line-height:1.5; }
.yp-choice-pair dl { margin:0; }
.yp-choice-pair dl>div { display:grid;grid-template-columns:5.5em 1fr;gap:10px;padding:9px 0;border-top:1px solid #cbd6c7; }
.yp-choice-pair dt { font-size:13px;font-weight:700; }
.yp-choice-pair dd { margin:0;font-size:14px;line-height:1.65;overflow-wrap:anywhere; }
.yp-choice-pair dl>div:nth-child(2) dt { border-left:3px solid var(--review-orange);padding-left:7px; }
.yp-review>details { border-top:1px solid #bfd0c4;padding:13px 0; }
.yp-review>details>summary { cursor:pointer;font-weight:650; }
.yp-review>details p { max-width:68ch;line-height:1.7; }
.yp-route-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.yp-route-options article { border-left:3px solid #a6c9ad;padding-left:14px; }
.yp-route-options h4 { margin:12px 0 6px; }
.yp-evidence-boundary { padding:10px 12px;border-left:3px solid #edaa72;font-size:13px; }
.yp-review summary:focus-visible { outline:3px solid #23453d;outline-offset:5px; }
@media(max-width:680px){.yp-choice-pair,.yp-route-options{grid-template-columns:1fr}.yp-choice-pair article{padding:14px}.yp-choice-pair dl>div{grid-template-columns:5em 1fr}}

/* Player instructions stay on the main path; designer context opens on demand. */
.yoyo-proposal .yp-player-step { grid-template-columns:1fr; }
.yp-player-goal { display:flex;gap:16px;align-items:baseline;margin:18px 0;line-height:1.7; }
.yp-player-goal strong { white-space:nowrap; }
.yoyo-proposal .yp-on-demand { padding:18px 22px; }
.yp-on-demand>summary { cursor:pointer;font-size:17px;font-weight:650; }
.yp-on-demand>summary span { font-size:13px;font-weight:400;color:#5b7065;margin-left:12px; }
.yp-on-demand>summary:focus-visible,.yp-brief-details>summary:focus-visible { outline:3px solid #23453d;outline-offset:5px; }
.yp-on-demand>.yp-section { border:0;padding:12px 0;margin:0; }
.yp-brief-details { margin-top:15px; }
.yp-brief-details>summary { cursor:pointer;font-size:14px; }
.yp-map-scroll { overflow-x:auto;margin-top:18px; }
.yp-work-map table { width:100%;border-collapse:collapse;min-width:620px;text-align:left;font-size:14px; }
.yp-work-map th { background:#e8f1df;font-weight:650; }
.yp-work-map th,.yp-work-map td { padding:14px;vertical-align:top;border-bottom:1px solid #c7d5c5;line-height:1.65; }
.yp-work-map th:first-child { width:20%; }.yp-work-map th:nth-child(2){width:20%}
.yp-work-map>details { margin-top:18px; }
@media(max-width:680px){.yp-player-goal{display:block}.yp-player-goal strong{display:block}.yoyo-proposal .yp-on-demand{padding:16px}.yp-on-demand>summary span{display:block;margin-left:0}.yp-map-scroll{margin-right:-4px}}

/* A short challenge overview; round-level evidence stays on demand. */
.yp-challenge-key { display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#456256;flex-wrap:wrap; }
.yp-challenge-strip { display:flex;gap:clamp(3px,1vw,12px);align-items:end;height:116px;margin:10px 0 24px;overflow-x:auto; }
.yp-rung { flex:1;min-width:18px;text-align:center; }
.yp-rung-bar { display:block;height:calc(var(--challenge)*15px);background:#285747;border-radius:5px 5px 0 0; }
.yp-rung.is-practice .yp-rung-bar { background:#bad6b4;border:1px solid #789b78; }
.yp-rung small { display:block;margin-top:5px;font:12px ui-monospace,monospace; }
.yp-round-group { border-top:1px solid #ccd9ca; }
.yp-round-group>summary { display:flex;gap:16px;align-items:center;cursor:pointer;padding:16px 0;list-style:none; }
.yp-round-group>summary>span { font-size:13px;white-space:nowrap;color:#456256; }
.yp-round-group>summary>strong { font-size:16px; }
.yp-round-group>summary>small { font-size:12px;color:#456256; }
.yp-round-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding-bottom:20px; }
.yp-round-cards article { padding:18px;background:#f1f5ec;border-radius:12px;min-width:0; }
.yp-round-cards h4 { margin:0;font-size:15px; }
.yp-round-cards .yp-chip { font-size:11px; }
.yp-round-task { font-weight:600;line-height:1.6; }
.yp-round-cards dl { display:grid;grid-template-columns:6em 1fr;gap:8px 10px;font-size:13px;line-height:1.6; }
.yp-round-cards dt { color:#456256; }.yp-round-cards dd{margin:0;overflow-wrap:anywhere;}
.yp-round-cards summary,.yp-round-basis>summary { cursor:pointer;font-size:13px; }
.yp-round-basis { border-top:1px solid #ccd9ca;padding-top:16px; }
.yp-round-group summary:focus-visible,.yp-round-basis summary:focus-visible { outline:3px solid #285747;outline-offset:3px; }
@media(max-width:600px){.yp-round-group>summary{gap:8px;flex-wrap:wrap}.yp-round-group>summary>small{width:100%;order:3}.yp-round-cards{grid-template-columns:1fr}.yp-round-cards article{padding:14px}.yp-round-cards dl{grid-template-columns:5.5em 1fr}}