/* tpl-system.css — shared styles of the system-detail pages, moved out of the pages (audit pass 6). Edit here, then node scripts/bump-version.js. */
section a{color:var(--lime-deep,#C6182F)}section a:hover{color:var(--lime,#E5213C)}.pimg image-slot,.pimg .pvid,.pimg img.bimg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.pimg .pvid{object-fit:cover;display:block;border:0}.pimg image-slot::part(frame){background:#fff}.pimg image-slot::part(ring){border-color:rgba(0,0,0,.14)}
.stk5{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-head);font-weight:800;font-size:10.5px;letter-spacing:.1em;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;width:max-content;margin:6px 0 4px}
.stk5 i{width:7px;height:7px;border-radius:50%;background:#2E7D43;animation:stkb5 1.6s steps(2) infinite}
@keyframes stkb5{50%{opacity:.3}}
/* about — window + capability rail (A5) */
.a5{margin:0 auto;position:relative;z-index:3;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -38px rgba(30,10,14,.32)}
.a5 .ph{position:relative;background:#101210;aspect-ratio:16/6.4}
.a5 .ph .pvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0;z-index:1}.a5 .ph image-slot,.a5 .ph img.bimg{position:absolute;inset:0;width:100%;height:100%;color:rgba(255,255,255,.55)}
.a5 .ph em{position:absolute;top:12px;left:12px;z-index:3;font-style:normal;font-family:var(--f-head);font-weight:800;font-size:9.5px;letter-spacing:.09em;color:#fff;background:var(--lime);border-radius:8px;padding:3px 9px}
.a5 .rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.a5 .rr{display:flex;gap:14px;align-items:flex-start;padding:28px 30px}
.a5 .rr+.rr{border-left:1px solid var(--line)}
.a5 .rr svg{width:17px;height:20px;fill:var(--lime);flex-shrink:0;margin-top:3px}
.a5 .rr b{font-family:var(--f-head);font-weight:800;font-size:17px;letter-spacing:-.015em;display:block;margin-bottom:6px}
.a5 .rr small{font-size:14px;color:var(--gray);line-height:1.62}
@media(max-width:860px){.a5 .rail{grid-template-columns:1fr}.a5 .rr+.rr{border-left:0;border-top:1px solid var(--line)}.a5 .ph{aspect-ratio:16/9}}
/* setup — one card, three cells (matches the About row) */
.pt{max-width:1100px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -38px rgba(30,10,14,.32);display:grid;grid-template-columns:repeat(3,1fr)}
.ptc{display:grid;grid-template-columns:auto 1fr;gap:0 13px;padding:30px 30px;align-items:start}
.ptc+.ptc{border-left:1px solid var(--line);border-top:0}
.ptc .ico{width:22px;height:26px;margin-top:1px;background:var(--lime);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.9 1.6L20.7 7.1 12.7 22.4H6.7Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.9 1.6L20.7 7.1 12.7 22.4H6.7Z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.ptc:hover .ico{transform:translateY(-3px) scale(1.14)}
.ptc .n{display:none}
.ptc .tx{padding:0}
.ptc b{font-family:var(--f-head);font-weight:800;font-size:17.5px;letter-spacing:-.015em;display:block;margin-bottom:8px}
.ptc p{font-size:14.5px;color:var(--gray);line-height:1.62}
@media(prefers-reduced-motion:reduce){.ptc .ico{transition:none}.ptc:hover .ico{transform:none}}
@media(max-width:900px){.pt{grid-template-columns:1fr}.ptc+.ptc{border-left:0;border-top:1px solid var(--line)}}
/* prev / next */
.pn{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pn a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card,12px);padding:24px 26px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.pn a:hover{border-color:var(--lime-border,rgba(229,33,60,.3));box-shadow:0 22px 50px -34px rgba(30,10,14,.28);color:var(--ink)}
.pn small{font-family:var(--f-head);font-weight:800;font-size:10.5px;letter-spacing:.09em;color:var(--gray-2)}
.pn b{font-family:var(--f-head);font-weight:800;font-size:18px;letter-spacing:-.02em}
.pn a.nx{text-align:right;align-items:flex-end}