/* Concept explanations: existing cream/green palette, explicit maturity. */
.ideas-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;font:700 .7rem/1.5 var(--sans);color:var(--muted);padding:.8rem 0;border-bottom:1px solid var(--rule)}
.ideas-breadcrumb a{text-decoration:none;color:var(--accent)}
.ideas-header{padding:1.4rem 0 1rem;max-width:860px}
.ideas-header h1{margin:.5rem 0 .85rem}
.ideas-header .standfirst{font-size:1.2rem;max-width:760px}
.ideas-header .deck{font-size:1rem}
.idea-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;max-width:1040px;padding:.5rem 0 1rem}
.idea-intro .ideas-header h1{font-size:clamp(32px,3.4vw,44px)}
.idea-visual__compact{display:none}
.idea-contributors{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;list-style:none;margin:0;padding:0;font:700 .9rem/1.5 var(--sans)}
.idea-contributors li{padding:.7rem;border:1px solid var(--soft);background:var(--sheet);text-align:center}
.idea-visual .idea-conclusion{padding:.7rem;text-align:center;background:var(--green);color:var(--sheet);font:700 .85rem/1.5 var(--sans);margin:.6rem 0 0}
.idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem;padding:1rem 0 1.5rem}
.idea-card{min-width:0;border-top:1px solid var(--rule);padding-top:1.2rem}
.idea-card h2{font-size:1.8rem;margin:.8rem 0 .65rem;line-height:1.15}
.idea-card h2 a{text-decoration:none}
.idea-card>p{font-size:1.05rem;line-height:1.5;max-width:38rem}
.idea-status{display:inline-block;border:1px solid var(--soft);padding:.35rem .55rem;font:700 .7rem/1.4 var(--sans);color:var(--green);margin:.3rem 0 .6rem}
.idea-visual{margin:.8rem 0 1rem;max-width:760px;background:var(--wash);border:1px solid var(--soft);padding:1rem;box-sizing:border-box}
.idea-visual img{display:block;width:100%;height:auto;object-fit:contain}
.idea-visual figcaption{font:.75rem/1.5 var(--sans);margin-top:.75rem;color:var(--muted)}
.idea-visual--conflab img{width:125px;max-width:100%;margin:auto}
.idea-sketch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;list-style:none;padding:0;margin:0;align-items:stretch}
.idea-sketch li{border:1px solid var(--soft);padding:.8rem .65rem;background:var(--sheet);font:.8rem/1.45 var(--sans);min-width:0;overflow-wrap:anywhere}
.idea-sketch strong{display:block;color:var(--green);font:700 1.1rem/1.2 var(--serif);margin-bottom:.4rem}
.idea-sketch small{display:block;font:inherit;color:var(--muted)}
.idea-sketch li:nth-child(2){background:var(--green);color:var(--sheet);border-color:var(--green)}
.idea-sketch li:nth-child(2) :is(strong,small){color:var(--sheet)}
.idea-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:3rem;max-width:1040px;padding-bottom:1.5rem}
.idea-body section{padding:.8rem 0;border-top:1px solid var(--rule)}
.idea-body h2{font-size:1.5rem;margin:.55rem 0 .7rem}
.idea-body p,.idea-body li{font-size:1.05rem;line-height:1.65}
.idea-body aside{min-width:0}
.idea-body ul{padding-left:1.1rem}
.idea-body li+li{margin-top:.6rem}
.idea-link-list{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:1rem 0;font:700 .85rem/1.5 var(--sans)}
.idea-link-list a,.idea-route{min-height:44px;display:inline-flex;align-items:center}
.idea-note{font:.8rem/1.5 var(--sans);color:var(--muted)}
.idea-dialogue{list-style:none;padding:0;margin:1rem 0}
.idea-dialogue li{padding:.8rem 1rem;margin:.5rem 0;border-left:3px solid var(--green);background:var(--wash);font:.9rem/1.5 var(--sans)}
.idea-dialogue strong{display:block;font:700 .7rem/1.5 var(--sans);text-transform:uppercase;color:var(--green);margin-bottom:.25rem}
.idea-principle{border-top:3px double var(--rule);padding:1.2rem 0}
.idea-principle h2{font-size:1.5rem}
.idea-card a:focus-visible,.idea-link-list a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.idea-grid,.idea-body,.idea-intro{grid-template-columns:1fr;gap:1.2rem}.idea-intro{gap:0}.idea-visual--capability>img,.idea-visual--assurance>img{display:none}.idea-visual__compact{display:block}.idea-card h2{font-size:1.6rem}.idea-body{padding-top:0}.ideas-header h1{font-size:2.1rem}.idea-sketch{gap:.4rem}.idea-sketch li{padding:.7rem .5rem;font-size:.75rem}.idea-sketch strong{font-size:1rem}}
@media(max-width:560px){.ideas-breadcrumb{font-size:.65rem}.ideas-header{padding-top:1.1rem}.idea-visual{padding:.7rem}.ideas-header .standfirst{font-size:1.1rem}.idea-sketch{grid-template-columns:1fr}.idea-sketch li{padding:.65rem .8rem}.idea-sketch strong{font-size:1.05rem}}
