.oe-history { --hr-line: #d4d8ce; color: #092a22; }
.oe-history .oe-history__hero { background: #082f27; border-radius: 1.4rem; padding: clamp(1.5rem,4vw,3.2rem); color: #fff9eb; }
.oe-history .oe-history__label { color: #e5bf63; font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.oe-history .oe-history__hero h1 { color: #fff9eb; font-size: clamp(2.5rem,5.4vw,4.7rem); line-height: 1.07; margin: 1rem 0 1.4rem; }
.oe-history .oe-history__lead { font-size: clamp(1.15rem,2vw,1.4rem); line-height: 1.6; max-width: 46rem; }
.oe-history .oe-history__date { font-size: .9rem; color: #d1ddd6; margin: 1.5rem 0 0; }
.oe-history h2 { font-size: clamp(2rem,3.5vw,2.9rem); line-height: 1.14; margin: 2.6rem 0 1.2rem; }
.oe-history h3 { font-size: 1.8rem; line-height: 1.15; margin: 1rem 0; }
.oe-history p, .oe-history li { line-height: 1.8; }
.oe-history__facts, .oe-history__colors { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0 2.5rem; }
.oe-history__facts > div, .oe-history__colors > div { background: #f3eddf; border-radius: 1rem; padding: 1.3rem; min-width: 0; }
.oe-history__facts span { display:block; font-size: .83rem; color: #765515; margin-bottom: .7rem; }
.oe-history__facts strong { display:block; font-size: 1.2rem; line-height:1.4; }
.oe-history__facts p { font-size:1rem; margin:.65rem 0 0; }
.oe-history__note, .oe-history__example { margin: 2rem 0; padding: clamp(1.3rem,3vw,2rem); background:#f5edda; border-left:4px solid #b68b32; border-radius:0 1rem 1rem 0; }
.oe-history .oe-history__note h2 { margin-top:0; }
.oe-history__example > span { display:block; font-size:.85rem; color:#765515; margin-bottom:1rem; }
.oe-history__example > strong { display:block; font-size:clamp(1.35rem,2.4vw,2rem); line-height:1.4; margin-bottom:1rem; overflow-wrap:anywhere; }
.oe-history__example p:last-child, .oe-history__note p:last-child { margin-bottom:0; }
.oe-history__table { overflow-x:auto; margin:1.8rem 0; border:1px solid var(--hr-line); border-radius:.8rem; }
.oe-history .oe-history__table table { display:table; width:100%; margin:0; }
.oe-history table caption { padding:1rem; text-align:left; font-weight:700; background:#f3eddf; }
.oe-history th, .oe-history td { font-size:1rem; line-height:1.6; min-width:8rem; vertical-align:top; }
.oe-history thead { background:#e7eee8; }
.oe-history__tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.oe-history .oe-history__tools a { display:block; padding:1.4rem; border:1px solid #b4c4b9; border-radius:1rem; text-decoration:none; color:#092a22; background:#f4f7f2; }
.oe-history__tools strong { display:block; font-size:1.15rem; line-height:1.5; margin-bottom:.6rem; }
.oe-history__tools span { display:block; font-size:1rem; line-height:1.6; }
.oe-history .oe-history__tools a:hover { background:#e7eee8; }
.oe-history__sources { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--hr-line); display:grid; gap:.8rem; }
.oe-history__swatch { display:block; width:3rem; height:3rem; border-radius:50%; border:1px solid #a69c82; }
.oe-history__swatch--yellow { background:linear-gradient(135deg,#f6e1a0,#bc8a23); }
.oe-history__swatch--white { background:linear-gradient(135deg,#fff,#9fa8a6); }
.oe-history__swatch--rose { background:linear-gradient(135deg,#f6cfb9,#b57460); }
.oe-history a:focus-visible, .oe-history__table:focus-visible { outline:3px solid #9a711c; outline-offset:4px; }
@media(max-width:700px) { .oe-history__facts,.oe-history__colors,.oe-history__tools { grid-template-columns:1fr; } .oe-history .oe-history__hero { padding:1.4rem 1.1rem; } .oe-history .oe-history__hero h1 { font-size:2.5rem; } .oe-history th,.oe-history td { min-width:0; padding:.75rem .5rem; font-size:.95rem; overflow-wrap:break-word; } .oe-history .oe-history__table table { table-layout:fixed; } }