/* craft-gap: download ROWS (static .agf-doc-row), copper accents, left-aligned */
.mrl-docs-sec{text-align:left}
.mrl-docs{display:grid;gap:8px;max-width:720px;margin:0 auto;text-align:left}
.mrl-doc{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;text-decoration:none;text-align:left;
  min-width:0;max-width:100%;box-sizing:border-box; /* grid-item shrink guard: nowrap meta forced +35px bleed @390 (CDP 2026-07-27) */
  color:var(--pb-ink,#e8f0ea);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid color-mix(in srgb,var(--pb-copper,#C79A73) 22%,rgba(255,255,255,.1));
  transition:transform .18s,border-color .18s,box-shadow .18s}
.mrl-doc:hover,.mrl-doc:focus-visible{transform:translateY(-1px);outline:none;
  border-color:var(--pb-copper,#C79A73);box-shadow:0 10px 22px rgba(0,0,0,.22)}
.mrl-doc.is-missing{border-color:color-mix(in srgb,#DE8A80 55%,transparent);opacity:.9}
.mrl-doc-ic{flex:none;line-height:0}
.mrl-doc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:left}
.mrl-doc-t{font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrl-doc-d{font-size:.86em;color:var(--pb-muted,#8a9a94);line-height:1.4}
.mrl-doc-m{font-size:11.5px;letter-spacing:.04em;white-space:nowrap;flex:none;
  color:var(--pb-copper,#C79A73);font-weight:700;padding:4px 8px;border-radius:8px;
  background:color-mix(in srgb,var(--pb-copper,#C79A73) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--pb-copper,#C79A73) 28%,transparent)}
.mrl-doc-dl{flex:none;font-size:16px;color:var(--pb-copper,#C79A73);transition:transform .18s;font-weight:700}
.mrl-doc:hover .mrl-doc-dl{transform:translateY(2px)}
.mrl-doc--stub{cursor:default;opacity:.95}
.mrl-doc--stub:hover{transform:none}
.mrl-doc-stub{flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--pb-copper,#B0824F);border:1px dashed color-mix(in srgb,var(--pb-copper,#C79A73) 45%,transparent);
  border-radius:999px;padding:5px 12px}
/* software-lab docs grid · vertical cards (TASK_GROK / full.html .docs-grid) */
.pb-docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:none;margin:0}
.pb-doc-card{display:flex;flex-direction:column;align-items:flex-start;
  background:var(--pb-surface,#FFFDF8);border:1px solid color-mix(in srgb,var(--pb-ink,#22301F) 12%,transparent);
  border-radius:14px;padding:26px;text-decoration:none;color:inherit;
  transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0}
.pb-doc-card:hover{transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--pb-copper,#C79A73) 40%,transparent);
  box-shadow:0 18px 34px -20px color-mix(in srgb,var(--pb-ink,#22301F) 22%,transparent)}
.pb-doc-card--stub{cursor:default}
.pb-doc-card--stub:hover{transform:none;box-shadow:none}
.pb-doc-ic{width:40px;height:40px;border-radius:10px;margin-bottom:16px;
  background:color-mix(in srgb,var(--pb-copper,#C79A73) 14%,transparent);
  display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;
  color:var(--pb-copper,#B0824F)}
.pb-doc-t{font-size:16px;font-weight:640;margin:0 0 6px;color:var(--pb-ink);line-height:1.3}
.pb-doc-d{font-size:13.5px;color:var(--pb-muted);margin:0 0 14px;line-height:1.45}
.pb-doc-stub{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--pb-copper,#B0824F);border:1px dashed color-mix(in srgb,var(--pb-copper,#C79A73) 40%,transparent);
  border-radius:999px;padding:5px 12px;display:inline-block}
.pb-doc-stub--ready{border-style:solid}
.mrl-docs-sec--cards .mrl-docs-title{font-size:clamp(28px,2.8vw,40px);font-weight:640;margin:0 0 14px}
.mrl-docs-sec--cards .mrl-docs-lead{max-width:560px;font-size:17.5px;margin:0 0 36px}
.mrl-docs-sec--cards .mrl-docs-eyebrow{margin-bottom:14px}
@media(max-width:900px){.pb-docs-grid{grid-template-columns:1fr}}
.mrl-docs-eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;
  color:var(--pb-copper,#C79A73);margin:0 0 6px}
.mrl-docs-title{font-size:clamp(20px,2.4vw,28px);font-weight:700;margin:0 0 12px;color:var(--pb-ink,#e8f0ea)}
.mrl-docs-lead{max-width:640px;margin:0 0 16px;color:var(--pb-muted,#c4cbc2);font-size:1.02rem;line-height:1.55}
/* brochure preview popup — /m/docs tiles · list + cards (NTC product DNA) */
.mrl-doc[data-doc-preview],
a.pb-doc-card[data-doc-preview],
a[data-doc-preview]{cursor:pointer}
.mrl-doc-pop{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;
  padding:clamp(12px,3vw,32px);
  background:rgba(6,12,10,.78);
  backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}
.mrl-doc-pop.is-open{display:flex;animation:mrlDocFade .2s ease}
@keyframes mrlDocFade{from{opacity:0}to{opacity:1}}
/* NTC product frame: dark glass + copper rim (not flat grey modal) */
.mrl-doc-pop-card{position:relative;display:flex;flex-direction:column;width:min(920px,96vw);height:min(90vh,1200px);
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(187,151,119,.08),transparent 55%),
    linear-gradient(165deg,rgba(22,32,26,.98) 0%,rgba(10,16,13,.99) 100%);
  border:1px solid rgba(187,151,119,.34);
  border-radius:18px;overflow:hidden;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.35),
    0 28px 80px -20px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.06)}
.mrl-doc-pop-head{display:flex;align-items:center;gap:14px;padding:14px 16px;
  border-bottom:1px solid rgba(187,151,119,.22);
  background:linear-gradient(180deg,rgba(187,151,119,.08),transparent)}
.mrl-doc-pop-title{flex:1;min-width:0;font-weight:650;color:#FFFDF5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;letter-spacing:-.01em}
/* slim copper ghost — download inside popup */
.mrl-doc-pop-dl{flex:none;text-decoration:none;font-weight:600;font-size:12.5px;letter-spacing:.02em;
  color:#F0D4B4;background:transparent;padding:7px 14px;border-radius:999px;
  border:1px solid rgba(187,151,119,.42);
  transition:background .15s,border-color .15s,color .15s}
.mrl-doc-pop-dl:hover{background:rgba(187,151,119,.12);border-color:#C79A73;color:#FFFDF5}
.mrl-doc-pop-x{flex:none;cursor:pointer;width:36px;height:36px;border-radius:10px;font-size:15px;line-height:1;
  color:#FFFDF5;background:rgba(0,0,0,.28);
  border:1px solid rgba(187,151,119,.28);transition:background .15s,border-color .15s}
.mrl-doc-pop-x:hover{background:rgba(187,151,119,.14);border-color:rgba(240,212,180,.45)}
.mrl-doc-pop-body{flex:1;min-height:0;position:relative;background:#0c1410}
.mrl-doc-pop-body iframe{display:block;position:relative;z-index:1;width:100%;height:100%;border:0;background:#f4f2ee;opacity:0;transition:opacity .25s}
.mrl-doc-pop-body iframe.is-ready{opacity:1}
.mrl-doc-pop-body iframe:not(.is-ready){pointer-events:none}
.mrl-doc-pop-load{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;gap:14px;
  align-items:center;justify-content:center;padding:24px;text-align:center;color:rgba(255,253,245,.55);font-size:13.5px}
.mrl-doc-pop-loaddl{text-decoration:none;font-weight:600;font-size:13px;color:#F0D4B4;
  border:1px solid rgba(187,151,119,.4);border-radius:999px;padding:8px 16px;transition:background .15s,border-color .15s}
.mrl-doc-pop-loaddl:hover{background:rgba(187,151,119,.12);border-color:#C79A73}
.mrl-doc-pop-foot{flex:none;display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;
  border-top:1px solid rgba(187,151,119,.18);
  background:rgba(0,0,0,.2)}
.mrl-doc-pop-ask{text-decoration:none;font-weight:600;font-size:13px;color:#C79A73;
  border-bottom:1px solid transparent;transition:border-color .15s,color .15s;white-space:nowrap}
.mrl-doc-pop-ask:hover,.mrl-doc-pop-ask:focus-visible{border-bottom-color:#F0D4B4;color:#F0D4B4;outline:none}
@media(max-width:560px){.mrl-doc-pop-card{width:100vw;height:100dvh;height:100vh;border-radius:0;border:0}
  .mrl-doc-pop{padding:0}
  .mrl-doc-pop-head{padding:10px 12px;gap:8px}
  .mrl-doc-pop-title{font-size:13px}
  .mrl-doc-pop-foot{padding:10px 12px}}
.mrl-doc-pop-scroll{position:absolute;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}
.mrl-doc-pop-scroll iframe,.mrl-doc-pop-scroll embed,.mrl-doc-pop-scroll object{display:block;width:100%;min-height:240vh;height:240vh;border:0;pointer-events:none;background:#f4f2ee}
@media(max-width:720px){
  .pb-docs-grid{grid-template-columns:1fr!important;gap:8px!important}
  .pb-doc-card,a.pb-doc-card,.mrl-docs-sec--cards .pb-doc-card{
    flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
    gap:10px!important;padding:12px 14px!important;border-radius:14px!important;
    min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .pb-doc-ic{width:32px!important;height:32px!important;margin:0!important;flex:none;font-size:14px!important}
  .pb-doc-t,.pb-docs-grid .pb-doc-t{flex:1;min-width:0;font-size:14px!important;margin:0!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  .pb-doc-d{display:none!important}
  .pb-doc-stub,.pb-doc-stub--ready{margin:0 0 0 auto!important;padding:5px 10px!important;font-size:10px!important;align-self:center!important}
  .mrl-doc,.pb-mat-col--docs .mrl-doc{
    flex-direction:row!important;align-items:center!important;gap:10px!important;
    padding:12px 14px!important;border-radius:14px!important}
  .mrl-doc-d{display:none!important}
  html body #materials .pb-mat-col--docs .pb-doc-card,
  html body #materials .pb-mat-col--docs a.pb-doc-card,
  html body #materials .pb-mat-col--docs .mrl-doc,
  html body #materials .pb-mat-col--docs a.mrl-doc,
  html body #materials .pb-mat-col--docs .pb-doc,
  html body.pb-page-agp-grav #materials .pb-mat-col--docs .pb-doc-card,
  html body.pb-page-agp-grav #materials .pb-mat-col--docs a.pb-doc-card,
  html body.pb-page-agp-grav #materials .pb-mat-col--docs .mrl-doc,
  html body.pb-page-agf-1600-v2:is(:has(#platform),:has(#complex),:has(#route),:has([data-product="horizont-em"]),.pb-product-hero-mask) #materials .pb-mat-col--docs .pb-doc-card,
  html body.pb-page-agf-1600-v2:is(:has(#platform),:has(#complex),:has(#route),:has([data-product="horizont-em"]),.pb-product-hero-mask) #materials .pb-mat-col--docs a.pb-doc-card,
  html body.pb-page-agf-1600-v2:is(:has(#platform),:has(#complex),:has(#route),:has([data-product="horizont-em"]),.pb-product-hero-mask) #materials .pb-mat-col--docs .mrl-doc,
  html body.pb-page-agf-1600-v2:is(:has(#platform),:has(#complex),:has(#route),:has([data-product="horizont-em"]),.pb-product-hero-mask) #materials .pb-mat-col--docs a.mrl-doc{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
    gap:10px!important;padding:12px 14px!important;width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:0!important;height:auto!important;justify-content:flex-start!important}
  html body #materials .pb-mat-col--docs .pb-doc-d,
  html body #materials .pb-mat-col--docs .mrl-doc-d,
  html body.pb-page-agp-grav #materials .pb-doc-d,
  html body.pb-page-agf-1600-v2:is(:has(#platform),:has(#complex),:has(#route),:has([data-product="horizont-em"]),.pb-product-hero-mask) #materials .pb-mat-col--docs .pb-doc-d{
    display:none!important}
  html body #materials .pb-mat-col--docs .pb-doc-ic,
  html body.pb-page-agp-grav #materials .pb-mat-col--docs .pb-doc-ic,
  html body.pb-page-agf-1600-v2:is(:has(#platform),:has(#complex),:has(#route),:has([data-product="horizont-em"]),.pb-product-hero-mask) #materials .pb-mat-col--docs .pb-doc-ic{
    width:32px!important;height:32px!important;margin:0!important}
  html body #materials .pb-mat-col--docs .pb-doc-stub,
  html body.pb-page-agp-grav #materials .pb-doc-stub,
  html body.pb-page-agf-1600-v2:is(:has(#platform),:has(#complex),:has(#route),:has([data-product="horizont-em"]),.pb-product-hero-mask) #materials .pb-mat-col--docs .pb-doc-stub{
    margin:0 0 0 auto!important;padding:5px 10px!important;align-self:center!important}
}