/* A320/A321 Technical — classic 757-site inspired front-end.
   Recreated from the user's supplied legacy site, with Airbus-family colours and responsive fixes. */
:root{--airbus-navy:#00205b;--airbus-blue:#0055b8;--airbus-mid:#255fcc;--airbus-pale:#cceeff;--ink:#333;--paper:#fff;--line:#b8b8b8;--soft:#f5f5f5;--amber:#ff9c00;--red:#c40016;--green:#14863d}
html{min-height:101%}
body.classic-airbus{margin:0;padding:6px 0 90px;background-color:var(--airbus-navy);background-image:url('../images/a320-background.svg');background-repeat:no-repeat;background-position:left top;background-attachment:fixed;color:var(--ink);font-family:Inter,Verdana,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.45;text-align:left}
body.classic-airbus *{box-sizing:border-box}
body.classic-airbus a{color:#0000cc;text-decoration:none}
body.classic-airbus a:visited{color:#0000aa}
body.classic-airbus a:hover{background:#c8ecff;color:#000099;text-decoration:underline}
#classic-page{width:min(670px,calc(100% - 18px));margin:0 auto 140px;padding:8px 0 0;background:#fff;border-radius:9px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
#classic-container{margin:0 20px;padding:5px 0 20px;min-height:420px}
.classic-brandline{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d8d8d8;padding:2px 2px 7px;margin-bottom:7px;color:#5b6476;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.classic-brandline strong{color:var(--airbus-navy);font-size:11px;letter-spacing:.12em}.classic-brandline a{color:#5b6476}.classic-user{white-space:nowrap}
body.classic-airbus h1,body.classic-airbus h2{text-align:center;font-size:22px;line-height:1.2;color:#555580;font-weight:600;background:transparent;margin:0 0 .55em}
body.classic-airbus h2{font-size:19px}body.classic-airbus h3{clear:both;display:inline-block;line-height:1.6;padding:2px 7px;margin:.75em 0 .35em;color:#fff;background:#004fcc;text-transform:uppercase;font-size:13px;font-weight:700}body.classic-airbus h4{font-size:13px;text-transform:uppercase;text-decoration:underline;margin:1em 0 .4em}
body.classic-airbus p,body.classic-airbus ul,body.classic-airbus ol,body.classic-airbus table{margin-top:.55em;margin-bottom:.55em}
.classic-contents-link{text-align:center;margin:0 0 6px;padding:0;border-top:2px solid #05d;border-bottom:2px solid #05d;background:#05d;font-weight:600}.classic-contents-link a{display:inline-block;background:#fff;padding:1px 6px;color:#0000cc}.classic-contents-link a:hover{background:#eee8aa}
.classic-pagemenu,.classic-submenu{clear:both;text-align:center;margin:0;padding:.3em 0;font-weight:600;line-height:1.55}.classic-pagemenu a,.classic-submenu a{padding:2px 6px}.classic-pagemenu a{background:linear-gradient(90deg,#e7edf7,#fff);border-left:2px solid #8aa4d0;font-weight:500}.classic-pagemenu a:hover{background:#c8ecff}.classic-current{padding:2px 6px;color:#555;font-weight:700}
.classic-tools{text-align:right;margin:0 2px 3px;font-size:12px}.classic-tools button{border:0;background:transparent;color:#0000cc;padding:0 2px;cursor:pointer;font:inherit}.classic-tools button:hover{text-decoration:underline;background:#c8ecff}
.contents-grid{display:grid;grid-template-columns:280px 280px;justify-content:space-between;gap:20px}.contents-col{width:280px;padding:10px;border:1px dotted gray;align-self:start}.contents-group{margin:0}.contents-parent{display:flex;align-items:center;gap:5px;margin:.12em 0;font-weight:500;cursor:pointer;min-height:20px}.contents-parent .toggle-glyph{display:inline-flex;width:14px;height:14px;border:1px solid #778aa5;align-items:center;justify-content:center;font-size:12px;line-height:1;color:#123d79;background:#fff;flex:0 0 auto}.contents-parent .toggle-glyph::before{content:'+'}.contents-group.open>.contents-parent .toggle-glyph::before{content:'−'}.contents-parent>a{font-weight:500}.contents-children{display:none;margin:0}.contents-group.open>.contents-children{display:block}
ul.documents{padding-left:0;margin:.18em 0 .55em;list-style:none}ul.documents>li{position:relative;margin:.19em 0;padding-left:20px;line-height:1.32}ul.documents>li::before{content:'▤';position:absolute;left:2px;top:0;color:#6d7d92;font-size:10px}ul.documents>li.group-node::before{content:'◆';font-size:8px;top:2px}.documents ul{margin:.2em 0 .2em 3px;padding-left:14px;list-style:circle}.documents ul li{margin:.15em 0}.classic-new{color:#111;background:#fc0;font-size:9px;padding:0 2px;margin-left:3px}.classic-amended{color:red;font-size:9px;margin-left:3px}
.classic-article-meta{text-align:right;color:#777;font-size:10px;border-bottom:1px solid #ddd;padding-bottom:4px;margin-bottom:8px}.classic-article-meta a{color:#555580}.classic-featured{display:block;max-width:100%;height:auto;margin:10px auto}.classic-content{min-height:240px}.classic-content img{max-width:100%;height:auto}.classic-content table{border-collapse:collapse;max-width:100%}.classic-content th,.classic-content td{padding:3px 5px;border:1px solid #aaa;vertical-align:top}.classic-content th{color:#696969;text-align:center;background:#f5f5f5}.classic-content .data-list{margin-left:3%}.classic-content .data-list th{text-align:left;font-weight:500;width:145px}.classic-content .tech-note,.classic-content .clarify{display:block;overflow:auto;padding:5px 7px;border:1px solid green;background:#f0fff0;margin:.7em 0}.classic-content .tech-warning,.classic-content .caution{display:block;overflow:auto;padding:5px 7px;border:1px solid #c59000;background:#fff7d4;margin:.7em 0}.classic-content .qrh-extract{border:1px solid #7f7600;padding:6px;background:#fffeae}.classic-content .airbus-box{border:1px solid #0cf;background:#cef;padding:5px 7px;margin:.7em 0}.classic-content .comment-box{border:1px solid gray;background:#f5f5f5;padding:5px 7px;margin:.7em 0}.classic-content .warning-text{color:var(--red);font-weight:700}.classic-content .caution-text{color:#d77900;font-weight:700}.classic-content .green-text{color:#078833;font-weight:700}.classic-content .blue-text{color:#006bb6;font-weight:700}.classic-content .source-list{font-size:10px;color:#666;border-top:1px solid gray;padding-top:5px;margin-top:18px}.classic-content .source-list strong{color:#555}.classic-content .source-list ul{margin:.3em 0;padding-left:16px}.classic-content .source-list a{word-break:break-word}
.classic-footer{clear:both;text-align:center;margin:14px 0 0;padding:.35em 0;border-top:1px solid #ccc;font-weight:600}.classic-footer a{padding:2px 6px;font-weight:500;background:linear-gradient(90deg,#e7edf7,#fff);border-left:2px solid #8aa4d0}.classic-copyright{text-align:center;color:#8a8a8a;font-size:9px;margin-top:7px}
.classic-listing{margin:8px 0 16px;padding:0;list-style:none}.classic-listing li{border-top:1px solid #ddd;padding:6px 2px}.classic-listing li:first-child{border-top:0}.classic-listing small{display:block;color:#777;margin-top:2px}.classic-search-form{display:flex;gap:6px;margin:10px 0 16px}.classic-search-form input{flex:1;min-width:0;border:1px solid #aaa;padding:6px 7px;font:inherit}.classic-search-form button{border:1px solid #888;background:#e9e9e9;padding:5px 12px;cursor:pointer}.az-strip{text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;margin:8px 0 15px}.az-strip a{padding:0 4px;font-weight:600}.az-group{display:grid;grid-template-columns:30px 1fr;gap:8px;border-top:1px solid #ddd;padding:7px 0}.az-group h3{margin:0!important;display:block!important;text-align:center!important;line-height:1.3!important}.az-links{columns:2;column-gap:20px}.az-links a{display:block;break-inside:avoid;margin:2px 0}
.category-overview-box{border:1px dotted gray;padding:9px;margin:8px 0}.category-overview-box h2{text-align:left!important;font-size:16px!important;margin:0 0 6px!important}.category-overview-box ul{columns:2;padding-left:18px}.badge{display:inline-block;padding:1px 4px;border:1px solid #aaa;background:#f4f4f4;color:#555;font-size:9px;text-transform:uppercase}.comments{border-top:1px solid #bbb;margin-top:20px;padding-top:8px}.comments h2{text-align:left!important;font-size:16px!important}.comment{border:1px solid #ddd;background:#f8f8f8;padding:7px;margin:6px 0}.comment small{display:block;color:#777}.comment-form textarea{width:100%;min-height:90px}.comment-form button{margin-top:5px}
/* Trainer integration: keep the classic page compact, but allow wide diagrams to scale. */
.system-trainer{margin:12px 0!important}.trainer-card{border-radius:0!important;box-shadow:none!important}.trainer-head{padding:10px 12px!important}.trainer-controls{padding:8px 12px!important}.trainer-svg{padding:8px!important;overflow:auto}.trainer-svg svg{min-width:540px!important}.trainer-status{padding:8px 12px!important}.trainer-switch,.trainer-reset{border-radius:2px!important;padding:6px 8px!important;font-size:11px!important}
@media(max-width:700px){body.classic-airbus{background-image:none;padding-top:0}#classic-page{width:100%;margin:0;padding-top:4px;border-radius:0;box-shadow:none}#classic-container{margin:0 12px}.contents-grid{grid-template-columns:1fr;gap:10px}.contents-col{width:100%}.category-overview-box ul,.az-links{columns:1}.classic-brandline{flex-wrap:wrap}.classic-pagemenu{font-size:11px}.trainer-svg svg{min-width:500px!important}}
/* richer trainer drawing grammar */
.trainer-svg svg text{font-family:Inter,Verdana,Arial,sans-serif;fill:#243148;font-size:16px;font-weight:700;text-anchor:middle}.trainer-svg svg .small{font-size:11px;font-weight:500}.trainer-svg svg .note{font-size:11px;font-weight:500;fill:#596579}.trainer-svg svg .diagram-title{font-size:14px;fill:#555580;letter-spacing:.05em}.trainer-svg svg rect,.trainer-svg svg circle,.trainer-svg svg path,.trainer-svg svg line{vector-effect:non-scaling-stroke}.trainer-svg .zone rect{fill:#fafafa;stroke:#c8cdd5;stroke-width:1.5}.trainer-svg .unit rect,.trainer-svg .unit circle,.trainer-svg .source rect,.trainer-svg .source circle{fill:#f5f7fa;stroke:#566274;stroke-width:2}.trainer-svg .source.live rect,.trainer-svg .source.live circle,.trainer-svg .bus.live rect,.trainer-svg .user.live rect,.trainer-svg .valve.live rect,.trainer-svg .valve.live circle{fill:#e4f4ff;stroke:#0055b8;stroke-width:2.5}.trainer-svg .source.dead rect,.trainer-svg .source.dead circle,.trainer-svg .bus.dead rect,.trainer-svg .user.dead rect,.trainer-svg .valve.dead rect,.trainer-svg .valve.dead circle{fill:#eee;stroke:#aaa;stroke-width:1.5;opacity:.62}.trainer-svg .tank path,.trainer-svg .tank rect{fill:#e8f5ff;stroke:#2f78a8;stroke-width:2}.trainer-svg .airframe path{fill:#eef2f6;stroke:#566274;stroke-width:2}.trainer-svg .gear line{stroke:#333;stroke-width:5}.trainer-svg .gear circle{fill:#333;stroke:#111;stroke-width:2}.trainer-svg .gear.up{opacity:.28}.trainer-svg .alert rect,.trainer-svg .alert circle{fill:#ffe7e7;stroke:#c40016;stroke-width:3}.trainer-svg .fma rect{fill:#1a1a1a;stroke:#444;stroke-width:2}.trainer-svg .fma text{fill:#39e36e}.trainer-svg path.flow,.trainer-svg path.airflow,.trainer-svg path.fuel,.trainer-svg path.signal,.trainer-svg path.mechanical,.trainer-svg path.extinguish{fill:none;stroke:#aaa;stroke-width:3}.trainer-svg path.live{stroke:#0055b8;stroke-dasharray:9 6;animation:classic-flow 1.1s linear infinite}.trainer-svg path.airflow.live{stroke:#28a4d9}.trainer-svg path.fuel.live{stroke:#168c43}.trainer-svg path.mechanical.live{stroke:#555}.trainer-svg path.signal.live{stroke:#8a47b4}.trainer-svg path.extinguish.live{stroke:#c40016}.trainer-svg path.dead{stroke:#bbb;stroke-dasharray:3 6;opacity:.45}.trainer-svg .green>.zone rect{fill:#f1fbf3}.trainer-svg .blue>.zone rect{fill:#f1f7ff}.trainer-svg .yellow>.zone rect{fill:#fffbe9}@keyframes classic-flow{to{stroke-dashoffset:-30}}@media(prefers-reduced-motion:reduce){.trainer-svg path.live{animation:none}}
.trainer-scenarios{padding:7px 12px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#fbfbfb;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.trainer-scenarios span{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-right:3px}.trainer-preset{border:1px solid #8ba2c8;background:#fff;color:#123d79;padding:5px 7px;font:inherit;font-size:10px;cursor:pointer}.trainer-preset:hover{background:#e8f4ff}.related-study{border-top:1px dotted #999;margin-top:16px;padding-top:8px}.related-study h3{margin-top:0!important}.related-study ul{columns:2;padding-left:18px}.related-study li{break-inside:avoid;margin:.2em 0}.study-path{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px;padding:6px;border:1px solid #c7d4e7;background:#f8fbff}.study-path a{padding:2px 5px;background:#fff;border-left:2px solid #8aa4d0}
@media(max-width:700px){.related-study ul{columns:1}.trainer-scenarios{align-items:stretch}.trainer-preset{flex:1 1 46%}}

.linked-reference{margin:22px 0;border-top:2px solid #00205b;padding-top:10px}.linked-reference h2{color:#00205b}.reference-card{border-left:4px solid #5b9bd5;background:#f6f8fb;padding:10px 12px;margin:10px 0}.reference-card h3{margin:0 0 6px;color:#00205b}.config-note{font-size:.9em;color:#555}.tech-table{width:100%;border-collapse:collapse}.tech-table th,.tech-table td{border:1px solid #ccd4df;padding:6px;vertical-align:top}.tech-table th{background:#eef3f8;color:#00205b}.classic-search{display:flex;gap:6px;margin:10px 0}.classic-search input{flex:1;min-width:0;padding:7px}


/* v8.1 — 757-style contents page: systems immediately visible in two columns. */
.home-box{border:1px dotted gray;margin:7px 0 12px;padding:8px 10px;background:#fff}
.home-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0}
.home-col{min-width:0;padding:0 10px}
.home-col:first-child{border-right:1px solid #c8c8c8}
.home-box .contents-group{border-bottom:1px solid #e2e2e2;padding:2px 0}
.home-box .contents-group:last-child{border-bottom:0}
.home-box .contents-parent{min-height:24px;margin:0;font-size:13px}
.home-box .contents-parent>a{font-weight:500}
.home-box .contents-children{padding:0 0 3px 18px}
.home-box ul.documents{margin:.1em 0 .35em}
.home-links p{display:flex;align-items:center;gap:6px;min-height:28px;margin:0;border-bottom:1px solid #e2e2e2}
.home-links p:last-child{border-bottom:0}
.link-glyph{display:inline-flex;width:14px;height:14px;border:1px solid #778aa5;align-items:center;justify-content:center;color:#123d79;background:#fff;line-height:1;flex:0 0 auto}
.home-quicklinks{margin:6px 0 10px}
.centre{text-align:center}
.classic-content table{width:auto;min-width:58%;margin:.75em auto;border-collapse:collapse;background:#fff}
.classic-content table th{background:#f2f2f2;color:#555580;font-weight:700}
.classic-content table th,.classic-content table td{padding:5px 7px;border:1px solid #999}
.classic-content table caption{font-weight:700;color:#555580;padding:4px;text-align:left}
.classic-content .relevant-limitations{margin:14px 0;padding-top:5px;border-top:1px solid #aaa}
.classic-content .relevant-limitations h2{text-align:left;font-size:16px}
.classic-content .relevant-limitations table{width:100%}
@media(max-width:700px){
 .home-two-col{grid-template-columns:1fr}
 .home-col{padding:0 4px}
 .home-col:first-child{border-right:0;border-bottom:1px solid #aaa;padding-bottom:4px;margin-bottom:4px}
 .classic-content table{display:block;width:100%;min-width:0;overflow-x:auto}
}

/* FCOM fresh-start Fuel section */
.classic-pagemenu + h1{margin-top:30px}
.fuel-start-strip{border-top:1px dotted #9ca7b7;border-bottom:1px dotted #9ca7b7;padding:8px 6px;margin:8px 0 14px;background:#fafcff;font-size:12px}
.technical-data{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:12px}.technical-data th,.technical-data td{border:1px solid #bcc5d0;padding:6px 8px;vertical-align:top}.technical-data th{background:#eef2f7;text-align:left}.study-note{border-left:3px solid #6a7d9a;padding:7px 10px;margin:12px 0;background:#f7f8fa;font-size:12px}

/* FCOM fresh-start visual study blocks */
.fuel-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:start;margin:14px 0 22px}
.fuel-visual-card{border:1px solid #c9c9c9;background:#fff;padding:10px;margin:12px 0}
.fuel-visual-card h2,.fuel-visual-card h3{margin-top:0}
.fuel-diagram{display:block;width:100%;height:auto;background:#fff}
.fuel-overview-list{margin-top:8px}
.fuel-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.fuel-quick-links a{display:block;border:1px solid #c8c8c8;padding:8px 10px;text-decoration:none;background:#f8f8f8}
@media(max-width:760px){.fuel-hero-grid{grid-template-columns:1fr}.fuel-quick-links{grid-template-columns:1fr}}