.op-shell{max-width:1050px;margin:0 auto;padding:0 20px 72px}.op-hero{margin:28px 0 18px;padding:1.45rem 1.55rem;border:1px solid #d9e4ee;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fbfe);box-shadow:0 12px 34px rgba(40,68,99,.06)}.op-kicker{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1675b7}.op-hero h1{margin:.35rem 0 .65rem;font-size:clamp(1.75rem,4.5vw,3.15rem);line-height:1.08;letter-spacing:-.04em;color:#17233b}.op-hero>p{max-width:800px;margin:0;color:#5d6c82;font-size:1rem;line-height:1.65}.op-routes{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem}.op-routes a,.op-document a{position:relative;padding:.54rem .8rem;border:1px solid #d4e0eb;border-radius:8px;background:#fff;color:#176da6;text-decoration:none;overflow:hidden}.op-routes a::after,.op-document a::after{content:"→";margin-left:.35rem}.op-routes a::before,.op-document a::before{content:"";position:absolute;left:.75rem;right:.75rem;bottom:0;height:2px;background:linear-gradient(90deg,#18cce4,#3d9fe8,#7665e8);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.posting{margin:1.15rem 0 1.3rem;padding:1.15rem;border:1px solid #dbe4ed;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(40,68,99,.04)}.posting-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.posting-head h2{margin:0;font-size:1.18rem}.posting-kind{padding:.2rem .45rem;border:1px solid #d7e1ea;border-radius:999px;background:#f7fafc;color:#65758d;font-size:.72rem}.posting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.posting-grid.is-single{grid-template-columns:minmax(0,520px)}.posting-side{position:relative;min-height:108px;padding:.85rem 2.4rem .85rem .9rem;border:1px solid #dbe4ed;border-radius:11px;background:#fbfdff;text-decoration:none;color:#26364e;overflow:hidden}.posting-side--dt{border-left:4px solid #16835b}.posting-side--kt{border-left:4px solid #d97706}.posting-side .side-label{display:block;margin-bottom:.35rem;color:#6b7b90;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.posting-side .side-code{display:block;color:#17233b;font:800 1.45rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.posting-side .side-name{display:block;margin-top:.38rem;color:#5f6f85;font-size:.86rem;line-height:1.42}.posting-side::after{content:"↗";position:absolute;right:.78rem;top:.78rem;color:#1675b7;opacity:.55}.posting-side::before{content:"";position:absolute;left:.9rem;right:.9rem;bottom:0;height:2px;background:linear-gradient(90deg,#18cce4,#3d9fe8,#7665e8);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.posting-none{padding:1rem;border:1px dashed #ccd8e3;border-radius:10px;background:#fbfcfe;color:#687792}.op-callout{--co:#0ea5c6;--co-soft:rgba(14,165,198,.07);--co-line:rgba(14,165,198,.28);position:relative;margin:1rem 0 1.3rem;padding:2.15rem 1rem 1rem;border:1px solid var(--co-line);border-left:4px solid var(--co);border-radius:10px;background:linear-gradient(90deg,var(--co-soft),#fff 44%);color:#596980;line-height:1.55}.op-callout::before{content:attr(data-label);position:absolute;left:1rem;top:.65rem;color:var(--co);font-size:.7rem;font-weight:800;letter-spacing:.09em}.op-callout--archive{--co:#d97706;--co-soft:rgba(217,119,6,.07);--co-line:rgba(217,119,6,.28)}.op-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}.op-context{padding:.9rem 1rem;border:1px solid #dce5ed;border-radius:10px;background:#fff}.op-context span{display:block;margin-bottom:.28rem;color:#728198;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.op-context strong{color:#26364e;line-height:1.45}.op-document{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.65rem}.op-footer{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0}.op-footer a{padding:.5rem .7rem;border:1px solid #d8e3ee;border-radius:8px;background:#fff;text-decoration:none}@media(hover:hover){.op-routes a:hover,.op-document a:hover,.posting-side:hover{border-color:#acd4e9;background:#fbfdff;box-shadow:0 7px 20px rgba(36,90,128,.07)}.op-routes a:hover::before,.op-document a:hover::before,.posting-side:hover::before{transform:scaleX(1)}}@media(max-width:680px){.op-shell{padding:0 14px 54px}.op-hero{padding:1.15rem 1rem}.op-hero h1{font-size:2rem}.posting-grid,.op-context-grid{grid-template-columns:1fr}.posting-grid.is-single{grid-template-columns:1fr}}