/* PLANE Deep Dive entry points — shared IO / HL Essay treatment (v193).
   Scoped additions: no changes to existing inputs, panels, or nav. */
.plane-deep-dive-promo {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:12px 18px; margin:15px 0 18px; padding:16px 19px;
  border:1px solid #c4b484; border-left:6px solid #c49a3f;
  border-radius:10px; background:#f7f3e6; color:#1e2e3e;
  box-shadow:0 2px 7px rgba(24,40,55,.07);
}
.plane-deep-dive-promo .plane-promo-copy {flex:1 1 280px;min-width:0;}
.plane-deep-dive-promo strong {display:block;margin-bottom:3px;color:#1e2e3e;font:800 16px/1.35 Montserrat,Inter,sans-serif;}
.plane-deep-dive-promo p {margin:0;color:#394c59;font-size:13px;line-height:1.55;}
.plane-deep-dive-link {
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  padding:11px 16px!important;min-height:43px;
  background:#1e2e3e!important;color:#fff!important;border:2px solid #1e2e3e!important;
  border-radius:8px!important;text-decoration:none!important;
  font:800 13px/1.35 Montserrat,Inter,sans-serif!important;
  box-shadow:0 2px 6px rgba(30,46,62,.16);text-align:center;
  white-space:normal;transition:background .18s,border-color .18s,transform .18s;
}
.plane-deep-dive-link:hover,.plane-deep-dive-link:focus-visible {
  background:#35536c!important;border-color:#35536c!important;color:#fff!important;
  transform:translateY(-1px);
}
.plane-deep-dive-link:focus-visible {outline:3px solid #c49a3f!important;outline-offset:3px;}
.plane-deep-dive-inline {
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;
  margin:9px 0 17px;padding:10px 12px;
  background:#f8f3e4;border-left:4px solid #c49a3f;border-radius:7px;
  color:#1e2e3e;
}
.plane-deep-dive-inline .plane-guide-hint {font-size:12px;line-height:1.45;color:#324657;flex:1 1 180px;}
.plane-deep-dive-inline .plane-deep-dive-link {font-size:12px!important;min-height:36px;padding:8px 12px!important;}
@media (max-width:580px) {
  .plane-deep-dive-promo {padding:13px 14px;}
  .plane-deep-dive-promo .plane-deep-dive-link {width:100%;}
  .plane-deep-dive-inline .plane-deep-dive-link {width:100%;}
}


/* v194 — reusable interactive PLANE Method preview lightbox. */
.plane-method-mark{
  width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;
  border-radius:12px;background:#1e2e3e;color:#d4a853;
  border:1px solid #c49a3f;box-shadow:0 2px 7px rgba(30,46,62,.16);
}
.plane-method-mark svg{display:block;width:31px;height:31px}
.plane-deep-dive-promo{display:flex;align-items:center;gap:14px 18px}
.plane-deep-dive-promo .plane-promo-copy{flex:1 1 250px;min-width:0}
.plane-deep-dive-promo .plane-promo-copy .plane-promo-kicker{
  display:block;margin:0 0 3px;color:#80611f;font:800 10px/1.3 Inter,sans-serif;
  letter-spacing:.1em;text-transform:uppercase
}
.plane-deep-dive-promo .plane-promo-copy strong{display:block;margin:0 0 4px;color:#1e2e3e;font:800 16px/1.35 Montserrat,Inter,sans-serif}
.plane-deep-dive-promo .plane-promo-copy p{margin:0;color:#394c59;font-size:13px;line-height:1.55}
.plane-deep-dive-promo .plane-deep-dive-link{flex:0 0 auto}
.plane-deep-dive-promo--featured{margin:16px 0 22px;padding:18px 20px;border-left-width:7px}
.plane-deep-dive-promo--featured .plane-method-mark{width:62px;height:62px;flex-basis:62px;border-radius:14px}
.plane-deep-dive-promo--featured .plane-method-mark svg{width:36px;height:36px}
.plane-deep-dive-promo--featured .plane-promo-copy strong{font-size:18px}
.plane-deep-dive-promo--featured .plane-promo-copy p{font-size:14px}
.plane-deep-dive-inline::before{
  content:"✈";display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
  border-radius:8px;background:#1e2e3e;color:#d4a853;font-size:17px
}
.plane-deep-dive-dialog{
  width:min(96vw,1640px);height:min(94vh,1120px);max-width:none;max-height:none;
  margin:auto;padding:0;border:1px solid #c49a3f;border-radius:15px;
  background:#1e2e3e;color:#fdfcf9;overflow:hidden;
  box-shadow:0 22px 80px rgba(0,0,0,.42)
}
.plane-deep-dive-dialog[open]{display:flex;flex-direction:column}
.plane-deep-dive-dialog::backdrop{background:rgba(8,17,27,.78);backdrop-filter:blur(3px)}
.plane-preview-header{
  min-height:66px;display:flex;align-items:center;gap:12px;padding:9px 13px 9px 16px;
  background:#1e2e3e;border-bottom:1px solid rgba(212,168,83,.42);flex:0 0 auto
}
.plane-preview-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.plane-preview-brand .plane-method-mark{width:40px;height:40px;flex-basis:40px;border-radius:9px}
.plane-preview-brand .plane-method-mark svg{width:24px;height:24px}
.plane-preview-heading{min-width:0}
.plane-preview-heading strong{display:block;color:#fff;font:800 14px/1.3 Montserrat,Inter,sans-serif}
.plane-preview-heading span{display:block;color:#c7d0d7;font:500 11px/1.4 Inter,sans-serif}
.plane-preview-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.plane-preview-open,.plane-preview-close{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;
  border-radius:7px;font:750 12px/1.25 Inter,sans-serif;text-decoration:none;cursor:pointer
}
.plane-preview-open{background:#d4a853;color:#1e2e3e;border:1px solid #d4a853}
.plane-preview-open:hover{background:#e8c06a;color:#1e2e3e}
.plane-preview-close{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42)}
.plane-preview-close:hover{background:rgba(255,255,255,.12)}
.plane-preview-frame{display:block;width:100%;height:calc(100% - 66px);border:0;background:#1e2e3e;flex:1 1 auto;min-height:0}
body.plane-preview-open{overflow:hidden}
@media(max-width:650px){
  .plane-deep-dive-promo{align-items:flex-start;gap:11px;padding:13px 14px}
  .plane-method-mark{width:44px;height:44px;flex-basis:44px}
  .plane-deep-dive-promo .plane-promo-copy{flex-basis:calc(100% - 62px)}
  .plane-deep-dive-promo .plane-deep-dive-link{width:100%;flex:1 1 100%}
  .plane-deep-dive-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}
  .plane-preview-header{min-height:60px;padding:7px 9px;gap:8px}
  .plane-preview-brand .plane-method-mark{width:34px;height:34px;flex-basis:34px}
  .plane-preview-heading strong{font-size:12px}
  .plane-preview-heading span{font-size:10px}
  .plane-preview-actions{gap:5px}
  .plane-preview-open,.plane-preview-close{min-height:34px;padding:6px 8px;font-size:11px}
  .plane-preview-frame{height:calc(100% - 60px)}
}
@media(max-width:390px){.plane-preview-heading span{display:none}.plane-preview-open{font-size:10px}}

.plane-preview-logo{display:block;width:36px;height:36px;object-fit:contain;flex:0 0 36px}