/* CyberLibrary AI · P15.1 · Pillar Frontals v3 */
.pillar-front-v3{--ink:#10263e;--muted:#58708a;--line:#d9e4ee;--soft:#f7fafc;max-width:none!important;padding-top:0!important}
.pillar-front-v3 .pillar-breadcrumbs{margin:20px 0 8px;font-size:13px;color:#73879b}.pillar-front-v3 .pillar-back{display:inline-flex;align-items:center;margin:0 0 26px;padding:0;border:0;background:none!important;color:var(--ink)!important;font:700 12px/1.2 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.pillar-front-v3 .pillar-back:hover{color:var(--module)!important}
.pillar-intro-v3{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:center;padding:42px 0 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.pillar-intro-v3:before{content:"";position:absolute;top:-1px;left:0;width:88px;height:3px;background:var(--module)}
.pillar-kicker-v3{display:block;color:var(--module);font:800 12px/1.2 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.pillar-intro-v3 h1{margin:0;color:var(--ink);font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.045em;max-width:820px}.pillar-lead-v3{margin:20px 0 24px;max-width:760px;color:#425c74;font-size:18px;line-height:1.65}
.pillar-meta-v3{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pillar-meta-v3 span{display:flex;align-items:baseline;gap:8px;padding:12px 18px 12px 0;margin-right:18px;color:#6a8095;font:700 11px/1.2 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase}.pillar-meta-v3 b{color:var(--ink);font-size:15px;letter-spacing:0}.pillar-meta-v3 span+span{padding-left:18px;border-left:1px solid var(--line)}
.pillar-architecture-v3{min-height:260px;display:flex;align-items:center;justify-content:center;position:relative}.pillar-architecture-v3:before{content:"";position:absolute;inset:4% 0;background-image:linear-gradient(#e8eef4 1px,transparent 1px),linear-gradient(90deg,#e8eef4 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);opacity:.55}.pillar-architecture-v3 img{position:relative;width:100%;height:auto;max-height:300px;object-fit:contain}
.pillar-directory-v3{margin:34px 0 42px;border-top:2px solid var(--ink)}.pillar-directory-head-v3{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:14px 0 12px;border-bottom:1px solid var(--line)}.pillar-directory-head-v3 span{color:#60778c;font:800 11px/1.2 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase}.pillar-directory-head-v3 strong{color:var(--ink);font-size:13px}
.guide-index-v3{display:block}.guide-row-v3{display:grid;grid-template-columns:92px minmax(0,1fr) 205px 34px;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none!important;color:inherit;transition:padding .18s ease,background .18s ease}.guide-row-v3:hover{padding-left:12px;padding-right:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--module) 6%,transparent),transparent 65%)}.guide-row-v3:focus-visible{outline:2px solid var(--module);outline-offset:3px}.guide-code-v3{color:var(--module);font:800 11px/1.2 var(--font-mono,monospace);letter-spacing:.07em;text-transform:uppercase}.guide-copy-v3 h2{margin:0 0 5px;color:var(--ink);font-size:18px;line-height:1.25;letter-spacing:-.015em}.guide-copy-v3 p{margin:0;color:#61778c;font-size:13px;line-height:1.5;max-width:850px}.guide-meta-v3{color:#6c8195;font:700 11px/1.55 var(--font-mono,monospace);text-align:right;text-transform:uppercase}.guide-arrow-v3{font-size:22px;color:var(--module);text-align:right;transition:transform .18s}.guide-row-v3:hover .guide-arrow-v3{transform:translateX(4px)}
.pillar-front-v3 .grcreal-bridge{margin-top:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
.pillar-front-v3 .pillar-flow{margin:38px 0 18px!important;padding:0!important;background:none!important;border:0!important;border-top:2px solid var(--ink)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;display:grid!important;grid-template-columns:repeat(var(--flow-count),minmax(0,1fr))!important;gap:0!important}.pillar-front-v3 .flow-item{position:relative!important;display:block!important;padding:18px 16px 20px 0!important;border:0!important;border-right:1px solid var(--line)!important;background:none!important;min-height:94px}.pillar-front-v3 .flow-item:last-child{border-right:0!important;padding-right:0!important}.pillar-front-v3 .flow-num{display:block!important;margin:0 0 10px!important;color:var(--module)!important;background:none!important;border:0!important;width:auto!important;height:auto!important;font:800 11px/1 var(--font-mono,monospace)!important}.pillar-front-v3 .flow-item strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.pillar-front-v3 .flow-item small{display:block;color:#71869a;font-size:11px;line-height:1.4}.pillar-front-v3 .pillar-note{margin:0 0 44px;color:#697f94;font-size:12px;border-left:2px solid var(--module);padding-left:14px}
@media(max-width:1100px){.pillar-intro-v3{grid-template-columns:1fr;gap:12px}.pillar-architecture-v3{min-height:210px}.guide-row-v3{grid-template-columns:80px minmax(0,1fr) 170px 28px}.pillar-front-v3 .pillar-flow{grid-template-columns:repeat(3,1fr)!important}.pillar-front-v3 .flow-item{border-bottom:1px solid var(--line)!important}}
@media(max-width:760px){.pillar-intro-v3{padding:30px 0 24px}.pillar-intro-v3 h1{font-size:40px}.pillar-lead-v3{font-size:16px}.pillar-meta-v3{display:block}.pillar-meta-v3 span,.pillar-meta-v3 span+span{padding:8px 0;margin:0;border-left:0;border-bottom:1px solid var(--line)}.pillar-architecture-v3{min-height:160px}.pillar-directory-head-v3{align-items:start;flex-direction:column;gap:5px}.guide-row-v3{grid-template-columns:64px minmax(0,1fr) 22px;gap:12px;padding:16px 0}.guide-meta-v3{grid-column:2/3;text-align:left}.guide-arrow-v3{grid-column:3;grid-row:1/3}.pillar-front-v3 .pillar-flow{grid-template-columns:1fr!important}.pillar-front-v3 .flow-item{border-right:0!important;min-height:auto;padding:13px 0!important;display:grid!important;grid-template-columns:42px 1fr!important;align-items:start}.pillar-front-v3 .flow-num{margin-top:3px!important}.pillar-front-v3 .flow-item small{display:none}}