/* page-specific: 365blog (delta over base.css) */
/* ===== 365blog page ===== */
  .crumb{font-size:.8rem;color:var(--muted)}
.bhero{position:relative;overflow:hidden;background:#fff;padding:118px 0 76px}
.bglow{position:absolute;z-index:0;border-radius:50%;filter:blur(55px);pointer-events:none}
.bglow.a{width:min(50vw,640px);height:min(50vw,640px);right:-8%;top:-6%;background:radial-gradient(circle,rgba(242,164,140,.26),rgba(249,200,146,.14) 48%,transparent 70%);animation:bfloat 26s ease-in-out infinite}
.bglow.b{width:min(34vw,420px);height:min(34vw,420px);right:18%;bottom:-16%;background:radial-gradient(circle,rgba(191,216,199,.22),transparent 72%);animation:bfloat 30s ease-in-out infinite reverse}
@keyframes bfloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-3%,4%) scale(1.07)}}
.bhero .wrap{position:relative;z-index:2}
.bhero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;margin-top:14px}
.bhero h1{font-size:clamp(2rem,4.3vw,3.2rem);font-weight:900;line-height:1.25;letter-spacing:-.015em;margin:.45em 0 .5em}
.bhero h1 .grad{background:linear-gradient(100deg,var(--coral),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent}
.bhero .lead{font-size:clamp(1rem,1.5vw,1.14rem);color:#42566b;max-width:30em;margin-bottom:1.7em;font-weight:500}
.bhero-cta{display:flex;gap:13px;flex-wrap:wrap}
/* AI citation card */
  .bhero-visual{position:relative}
.ai-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 40px 80px -34px rgba(28,58,94,.42),0 0 0 1px rgba(28,58,94,.03);padding:22px}
.ai-head{display:flex;align-items:center;gap:9px;font-family:"Inter";font-size:.7rem;letter-spacing:.1em;color:var(--muted);font-weight:600;padding-bottom:14px;border-bottom:1px solid var(--line2);margin-bottom:16px}
.ai-head .dot{width:9px;height:9px;border-radius:50%}
.ai-head .dot.r{background:#F2A48C}
.ai-head .dot.y{background:#F9C892}
.ai-head .dot.g{background:#BFD8C7}
.ai-q{background:var(--wash);border-radius:12px;padding:11px 14px;font-size:.9rem;color:var(--ink);font-weight:700;margin-bottom:14px;max-width:88%}
.ai-a{display:flex;gap:11px}
.ai-a .av{flex:none;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--coral),var(--sun));display:grid;place-items:center;color:#fff;font-family:"Inter";font-weight:800;font-size:.7rem}
.ai-a .body{font-size:.9rem;color:#3f5165;line-height:1.75}
.ai-line{height:8px;border-radius:5px;background:#EEF1F5;margin:7px 0}
.ai-line.s{width:70%}
.ai-cite{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.72rem;color:var(--brand);font-weight:700;background:#EAF1F8;padding:.3em .8em;border-radius:999px}
.ai-cite b{width:16px;height:16px;border-radius:5px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.6rem}
.float-chip{position:absolute;z-index:3;background:#fff;border-radius:12px;box-shadow:0 16px 36px -16px rgba(28,58,94,.4);padding:.6em .95em;font-weight:700;font-size:.78rem;color:var(--ink);display:flex;align-items:center;gap:8px;animation:bbob 5s ease-in-out infinite}
.float-chip.c1{top:-16px;right:20px}
.float-chip.c2{bottom:-16px;left:24px;animation-delay:1.3s}
@keyframes bbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
/* problem */
  .prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.prob{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.prob .pn{font-family:"Inter";font-weight:700;font-size:.74rem;letter-spacing:.12em;color:var(--coral)}
.prob h3{font-size:1.12rem;margin:.5em 0 .4em}
.prob p{color:var(--muted);font-size:.92rem;line-height:1.7}
/* definition */
  .define{background:var(--wash)}
.def-card{background:#fff;border-radius:20px;border:1px solid var(--line);border-left:5px solid var(--coral);padding:38px 40px;max-width:880px;box-shadow:var(--shadow)}
.def-card .term{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:900;color:var(--ink);margin:.3em 0 .5em;letter-spacing:-.01em}
.def-card p{font-size:1.05rem;color:#3f5165;line-height:1.95}
.def-card .en{margin-top:14px;font-family:"Inter";font-size:.8rem;color:var(--muted);letter-spacing:.04em}
/* approach features */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* flow */
  .flow{background:var(--wash)}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;position:relative}
/* results */
  .res-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px}
.rs{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;border-top:3px solid var(--sun)}
.rs:nth-child(2){border-top-color:var(--coral)}
.rs:nth-child(3){border-top-color:var(--sage)}
.rs .v{font-family:"Inter";font-weight:800;font-size:clamp(1.9rem,3.4vw,2.6rem);color:var(--ink);line-height:1;letter-spacing:-.02em}
.rs .v em{font-style:normal;color:var(--coral);font-size:.6em}
.rs .l{margin-top:8px;font-size:.9rem;color:#5a6b7d;font-weight:500}
.res-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;transition:.3s}
.rcard:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:transparent}
.rcat{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;background:var(--wash);border-radius:999px;padding:.35em .9em;font-weight:700;font-size:.8rem;color:var(--ink)}
.rcat .d{width:8px;height:8px;border-radius:50%;background:var(--coral)}
.rquote{font-size:.95rem;color:#3f5165;line-height:1.85;margin:16px 0 20px;flex:1}
.rquote::before{content:"\201C";color:var(--sun);font-weight:900;font-size:1.4em;margin-right:.1em;font-family:"Inter"}
.rmetrics{border-top:1px solid var(--line2);padding-top:16px;display:grid;gap:13px}
.rm{}
.rm-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.rm-l{font-size:.78rem;color:var(--muted);font-weight:600}
.rm-up{font-family:"Inter";font-weight:800;font-size:.78rem;color:var(--coral);background:#FCEDE7;padding:.1em .55em;border-radius:6px}
.rm-v{font-family:"Inter";font-weight:700;font-size:1rem;color:var(--ink);display:flex;align-items:center;gap:7px}
.rm-v .b4{color:var(--muted);font-weight:600}
.rm-v .ar{color:var(--sun)}
.rm-v .af{color:var(--ink)}
.rm-bar{height:6px;border-radius:4px;background:#EEF1F5;margin-top:7px;overflow:hidden}
.rm-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--sun),var(--coral));animation:grow 1.4s cubic-bezier(.2,.7,.3,1) both}
@keyframes grow{from{width:0}}
.res-note{margin-top:22px;font-size:.76rem;color:var(--muted);text-align:right}
@media(max-width:920px){
    .bhero-grid{grid-template-columns:1fr;gap:38px}
    .prob-grid,.feat-grid,.res-summary,.res-cards{grid-template-columns:repeat(2,1fr)}
    .flow-grid{grid-template-columns:repeat(2,1fr)}
    .def-card{padding:30px 26px}
  }
@media(max-width:640px){
    .prob-grid,.feat-grid,.flow-grid,.res-summary,.res-cards{grid-template-columns:1fr}
    .bhero-cta{flex-direction:column}.bhero-cta .btn{width:100%;justify-content:center}
    .float-chip{display:none}
  }