/* BioGidas editorial visuals v2.7.1 — overview-first maps and illustration-led anchors */
:root{--v271-ink:#172019;--v271-green:#244d3c;--v271-lime:#9bc866;--v271-rust:#a95131;--v271-amber:#d7a73c;--v271-paper:#fbf7ef;--v271-line:rgba(23,32,25,.13);--v271-muted:#647069}
.v271{margin:2.35rem 0 2.8rem;border:1px solid var(--v271-line);border-radius:24px;background:linear-gradient(145deg,#fffefa 0%,#f5f0e6 100%);overflow:hidden;box-shadow:0 28px 65px -52px rgba(15,28,21,.65);color:var(--v271-ink)}
.v271__head{padding:1.15rem 1.35rem .9rem;border-bottom:1px solid rgba(23,32,25,.09)}
.v271__head small{display:block;font:700 .65rem/1.3 "JetBrains Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--v271-rust);margin-bottom:.35rem}
.v271__head h3{margin:0;font:900 clamp(1.18rem,2.1vw,1.55rem)/1.14 "Playfair Display",Georgia,serif;color:var(--v271-ink)}
.v271__head p{margin:.55rem 0 0!important;max-width:72ch;color:var(--v271-muted);font-size:.84rem!important;line-height:1.6!important}
.v271__body{padding:1.25rem 1.35rem 1.35rem}.v271__cap{margin:0!important;padding:.78rem 1.35rem 1rem;border-top:1px solid rgba(23,32,25,.09);color:var(--v271-muted);font-size:.77rem!important;line-height:1.55!important}
/* 28-day roadmap */
.v271-road{display:grid;grid-template-columns:repeat(4,1fr);gap:.72rem;position:relative}.v271-road:before{content:"";position:absolute;left:7%;right:7%;top:1.05rem;height:2px;background:linear-gradient(90deg,#8aa06f,#759a67,#5e8459,#a95131);opacity:.55}
.v271-phase{position:relative;background:rgba(255,255,255,.78);border:1px solid rgba(23,32,25,.1);border-radius:16px;padding:2.1rem .9rem .95rem}.v271-phase:before{content:"";position:absolute;top:.72rem;left:.9rem;width:.68rem;height:.68rem;border-radius:50%;background:var(--phase,#6d9465);box-shadow:0 0 0 5px #f7f3e9,0 0 0 6px rgba(23,32,25,.12)}
.v271-phase em{font:800 .62rem "JetBrains Mono",monospace;color:var(--v271-rust);font-style:normal;letter-spacing:.07em;text-transform:uppercase}.v271-phase b{display:block;font:900 1.08rem "Playfair Display",Georgia,serif;margin:.3rem 0}.v271-phase span{display:block;font-size:.77rem;line-height:1.5;color:var(--v271-muted)}
.v271-dayrail{display:grid;grid-template-columns:repeat(28,1fr);gap:3px;margin-top:1rem}.v271-dayrail i{display:block;height:8px;border-radius:999px;background:#d7decf}.v271-dayrail i:nth-child(n+8):nth-child(-n+14){background:#b9cda9}.v271-dayrail i:nth-child(n+15):nth-child(-n+21){background:#88ae78}.v271-dayrail i:nth-child(n+22){background:#b66b4e}.v271-daylabels{display:flex;justify-content:space-between;margin-top:.35rem;font:700 .58rem "JetBrains Mono",monospace;color:#768078}
/* ingredient atlas */
.v271-atlas{display:grid;grid-template-columns:.82fr 1.18fr;gap:1rem;align-items:stretch}.v271-atlas-copy{padding:.2rem .2rem .2rem 0}.v271-atlas-copy h3{font:900 clamp(1.25rem,2.4vw,1.7rem)/1.12 "Playfair Display",Georgia,serif;margin:.25rem 0 .6rem}.v271-atlas-copy p{font-size:.84rem!important;line-height:1.62!important;color:var(--v271-muted)}.v271-atlas-legend{display:grid;gap:.42rem;margin-top:.85rem}.v271-atlas-legend span{display:flex;gap:.55rem;align-items:center;font-size:.76rem}.v271-atlas-legend b{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--v271-green);color:#fff;font:800 .7rem "JetBrains Mono",monospace;flex:0 0 auto}.v271-atlas-legend span:last-child b{background:var(--v271-rust)}
.v271-atlas-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.v271-atlas-grid figure{margin:0;position:relative;border-radius:15px;overflow:hidden;border:1px solid rgba(23,32,25,.1);background:#f2ece0;min-height:145px}.v271-atlas-grid img{width:100%;height:100%;min-height:145px;object-fit:cover;display:block}.v271-atlas-grid figcaption{position:absolute;left:.55rem;bottom:.55rem;background:rgba(18,28,22,.9);color:white;border-radius:999px;padding:.3rem .52rem;font:700 .6rem "JetBrains Mono",monospace;letter-spacing:.05em}
/* care / mechanism flows */
.v271-flow5,.v271-flow4{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}.v271-flow4{grid-template-columns:repeat(4,1fr)}.v271-node{border:1px solid rgba(23,32,25,.1);border-radius:15px;background:rgba(255,255,255,.8);padding:.95rem .8rem;position:relative;min-width:0}.v271-node:not(:last-child):after{content:"→";position:absolute;right:-.47rem;top:50%;transform:translate(50%,-50%);width:1.45rem;height:1.45rem;border-radius:50%;display:grid;place-items:center;background:var(--v271-green);color:#fff;font-weight:800;z-index:3}.v271-node small{font:800 .58rem "JetBrains Mono",monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--v271-rust)}.v271-node b{display:block;margin:.32rem 0 .3rem;font:800 .87rem/1.25 "Syne",Arial,sans-serif}.v271-node p{margin:0!important;font-size:.75rem!important;line-height:1.5!important;color:var(--v271-muted)}
/* evidence bridge */
.v271-bridge{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:stretch}.v271-bridge-side{border-radius:16px;border:1px solid rgba(23,32,25,.1);padding:1rem;background:rgba(255,255,255,.82)}.v271-bridge-side small{font:800 .6rem "JetBrains Mono",monospace;color:var(--v271-rust);text-transform:uppercase;letter-spacing:.07em}.v271-bridge-side b{display:block;margin:.35rem 0;font:900 1rem "Playfair Display",Georgia,serif}.v271-bridge-side p{font-size:.78rem!important;line-height:1.55!important;color:var(--v271-muted);margin:0!important}.v271-bridge-mid{display:grid;place-items:center;min-width:90px;text-align:center}.v271-bridge-mid span{font:800 .62rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--v271-green)}.v271-bridge-mid i{display:block;width:74px;height:2px;background:linear-gradient(90deg,var(--v271-rust),var(--v271-lime));margin:.45rem auto;position:relative}.v271-bridge-mid i:after{content:"?";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--v271-line);font-style:normal;font-weight:900;color:var(--v271-rust)}
/* retinoid conversion */
.v271-convert{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.55rem}.v271-molecule{padding:1rem;border:1px solid rgba(23,32,25,.1);border-radius:16px;background:#fff;text-align:center}.v271-molecule small{font:800 .58rem "JetBrains Mono",monospace;color:var(--v271-rust);text-transform:uppercase}.v271-molecule b{display:block;margin:.3rem 0;font:900 1.02rem "Playfair Display",Georgia,serif}.v271-molecule span{font-size:.75rem;color:var(--v271-muted);line-height:1.45}.v271-arrow{font:900 1.2rem "Syne",sans-serif;color:var(--v271-green)}
/* table polish: mobile keeps context while scrolling */
@media(max-width:820px){.edtable-scroll{position:relative;scrollbar-width:thin}.edtable th:first-child,.edtable td:first-child{position:sticky;left:0;z-index:2;background:#faf6ed;box-shadow:8px 0 14px -14px rgba(0,0,0,.55)}.edtable th:first-child{z-index:3;background:#eee8dc}.edtable tbody tr:nth-child(even) td:not(:first-child){background:rgba(23,62,45,.025)}}
@media(min-width:821px){.edtable tbody tr:nth-child(even) td{background:rgba(23,62,45,.025)}.edtable tbody tr:hover td{background:rgba(155,200,102,.07)}}
@media(max-width:800px){.v271-road{grid-template-columns:1fr 1fr}.v271-road:before{display:none}.v271-atlas{grid-template-columns:1fr}.v271-flow5,.v271-flow4{grid-template-columns:1fr 1fr}.v271-node:after{display:none}.v271-bridge{grid-template-columns:1fr}.v271-bridge-mid{min-height:55px}.v271-bridge-mid i{transform:rotate(90deg)}.v271-convert{grid-template-columns:1fr}.v271-arrow{transform:rotate(90deg);text-align:center}}
@media(max-width:520px){.v271{border-radius:18px;margin:1.7rem 0 2.2rem}.v271__head,.v271__body{padding-left:1rem;padding-right:1rem}.v271-road,.v271-flow5,.v271-flow4{grid-template-columns:1fr}.v271-atlas-grid{gap:.45rem}.v271-atlas-grid figure,.v271-atlas-grid img{min-height:120px}.v271-dayrail{gap:2px}}