/* Scoped editorial layout for the O.S.E. solution example. */
.idea-page .idea-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:44px;align-items:center}
.idea-page h1{font-size:clamp(2.1rem,4.1vw,3.6rem);line-height:1.1;max-width:20ch}
.idea-subtitle{color:var(--ose-blue-dark);font-size:clamp(1.3rem,2.4vw,1.85rem);font-weight:700;margin:20px 0}
.idea-note{background:#fff;border:1px solid var(--line);border-top:4px solid var(--ose-orange);border-radius:18px;padding:30px;box-shadow:var(--shadow)}
.idea-note h2{font-size:1.5rem;line-height:1.3}
.idea-page .idea-small{font-size:.92rem;color:var(--muted);line-height:1.6;margin-top:22px}
.idea-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:30px}
.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.idea-grid .card{min-height:0}.idea-grid .card:hover{transform:none}
.idea-copy{max-width:900px}.idea-copy p{font-size:1.07rem;line-height:1.8}
.idea-figure{margin:34px 0 0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:14px}
.idea-figure img{display:block;width:100%;height:auto;border-radius:10px}
.idea-figure figcaption{color:var(--muted);font-size:.93rem;line-height:1.6;margin:16px 12px}
.idea-figure .btn{margin:0 12px 10px}
.idea-rule{padding:22px 28px;background:var(--ose-blue-soft);border-left:4px solid var(--ose-orange);border-radius:0 14px 14px 0;margin:25px 0}
.idea-rule strong{font-size:1.15rem;color:var(--ose-blue-dark)}.idea-rule p{margin-bottom:0}
.idea-cta{padding:34px;background:var(--ose-blue-soft);border-radius:20px;margin:36px 0}
@media(max-width:850px){.idea-page .idea-hero,.idea-intro{grid-template-columns:1fr;gap:25px}.idea-grid{grid-template-columns:1fr}.idea-note,.idea-cta{padding:24px}.idea-figure{padding:8px}.idea-page .page-hero{padding:45px 0}.idea-page .section{padding:48px 0}}