.offline-edition{
  --oe-navy:#0b162b;--oe-blue:#1769ff;--oe-text:#334155;--oe-muted:#718096;
  --oe-line:#dbe3ee;--oe-soft:#f6f8fb;
  padding:5.25rem 0;border-top:1px solid var(--oe-line);border-bottom:1px solid var(--oe-line);
  background:linear-gradient(180deg,#fff 0%,#f8fafd 100%);
}
.offline-wrap{position:relative}
.offline-head{display:grid;grid-template-columns:1fr .85fr;gap:4rem;align-items:end;margin-bottom:2rem}
.offline-head h2{margin:.35rem 0 0;color:var(--oe-navy);font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em;line-height:1.05}
.offline-head>p{margin:0;color:var(--oe-text);line-height:1.7;font-size:.94rem}
.offline-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.offline-card{border:1px solid var(--oe-line);border-radius:10px;background:#fff;padding:1.5rem;min-height:325px;display:flex;flex-direction:column}
.offline-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem}
.offline-index{font-size:.7rem;font-weight:800;color:#8290a3}
.offline-status{font-size:.57rem;font-weight:800;letter-spacing:.1em;border:1px solid var(--oe-line);border-radius:999px;padding:.32rem .55rem;color:#66758a}
.offline-card h3{margin:0;color:var(--oe-navy);font-size:1.55rem}
.offline-sub{font-size:.72rem!important;color:var(--oe-blue)!important;font-weight:800;margin:.35rem 0 1.1rem!important}
.offline-card>p{font-size:.86rem;line-height:1.65;color:#536176;max-width:520px}
.offline-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0 1.5rem}
.offline-tags span{font-size:.63rem;padding:.34rem .5rem;border:1px solid var(--oe-line);border-radius:4px;color:#536176;background:#f9fbfd}
.offline-button{margin-top:auto;display:inline-flex;align-self:flex-start;padding:.72rem .9rem;border-radius:5px;font-size:.72rem;font-weight:800;border:1px solid var(--oe-line)}
.offline-button.disabled{color:#8491a3;background:#f4f6f8;cursor:not-allowed}
.offline-card-dark{background:var(--oe-navy);border-color:var(--oe-navy)}
.offline-card-dark h3{color:#fff}.offline-card-dark>p{color:#c7d1df}.offline-card-dark .offline-sub{color:#78a8ff!important}
.offline-card-dark .offline-index{color:#8ea0b9}.offline-card-dark .offline-status{border-color:#35445d;color:#aebbd0}
.offline-card-dark .offline-tags span{background:#111f36;border-color:#30405a;color:#cbd5e1}
.offline-card-dark .offline-button.disabled{background:#14233b;border-color:#35445d;color:#8090a7}
.portfolio-pipeline{margin-top:1rem;border:1px solid var(--oe-line);border-radius:10px;background:#fff;overflow:hidden}
.portfolio-pipeline summary{list-style:none;cursor:pointer;padding:1.25rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.portfolio-pipeline summary::-webkit-details-marker{display:none}
.portfolio-pipeline summary span{font-size:.62rem;font-weight:900;letter-spacing:.11em;color:var(--oe-blue)}
.portfolio-pipeline summary strong{font-size:.85rem;color:var(--oe-navy)}
.portfolio-pipeline summary:after{content:"＋";color:var(--oe-blue);font-weight:700}
.portfolio-pipeline[open] summary:after{content:"−"}
.pipeline-body{border-top:1px solid var(--oe-line);padding:1.4rem}
.pipeline-body>p{max-width:800px;color:#5b687a;line-height:1.65;font-size:.82rem}
.pipeline-flow{display:flex;align-items:center;gap:.65rem;margin:1.5rem 0;padding:1rem;background:var(--oe-soft);border-radius:8px}
.pipeline-flow div{flex:1;min-width:0}.pipeline-flow b{display:block;color:var(--oe-blue);font-size:.58rem;margin-bottom:.25rem}
.pipeline-flow strong{display:block;color:var(--oe-navy);font-size:.72rem}.pipeline-flow span{display:block;color:#78869a;font-size:.6rem;margin-top:.2rem}
.pipeline-flow i{font-style:normal;color:#9ba9ba}.pipeline-note{font-size:.7rem!important;color:#77859a!important}
@media(max-width:800px){.offline-head,.offline-grid{grid-template-columns:1fr}.offline-head{gap:1rem}.pipeline-flow{display:grid;grid-template-columns:1fr 1fr}.pipeline-flow i{display:none}.portfolio-pipeline summary{align-items:flex-start;flex-direction:column;gap:.4rem;position:relative}.portfolio-pipeline summary:after{position:absolute;right:1.2rem;top:1.2rem}}
@media(max-width:520px){.offline-edition{padding:3.5rem 0}.pipeline-flow{grid-template-columns:1fr}.offline-card{min-height:auto}}