:root{--dockcal-bg:#f8fafc;--dockcal-text:#0f172a;--dockcal-muted:#475569;--dockcal-soft:#e2e8f0;--dockcal-card:#ffffffe0;--dockcal-blue:#2563eb;--dockcal-indigo:#4f46e5;--dockcal-cyan:#0891b2;--dockcal-shadow:0 24px 70px #0f172a14}.dockcal-blog-shell{background:radial-gradient(circle at 12% 0%,#2563eb29,transparent 34rem),radial-gradient(circle at 90% 8%,#0891b221,transparent 30rem),linear-gradient(180deg,#fff 0%,var(--dockcal-bg)42%,#fff 100%);min-height:100vh;color:var(--dockcal-text)}.blog-article,.blog-index{width:min(100% - 32px,980px);margin:0 auto;padding:64px 0 96px}.blog-article{width:min(100% - 32px,880px)}.blog-breadcrumb{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:34px;font-size:.94rem;display:flex}.blog-breadcrumb a{color:#2563eb;font-weight:700;text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-label{letter-spacing:.09em;text-transform:uppercase;background:#ffffffbf;border:1px solid #2563eb2e;border-radius:999px;align-items:center;margin:0 0 20px;padding:8px 14px;font-weight:850;display:inline-flex;box-shadow:0 10px 35px #2563eb14;color:var(--dockcal-blue)!important;font-size:.78rem!important;line-height:1!important}.blog-article h1,.blog-hero h1{color:#020617;letter-spacing:-.07em;max-width:920px;margin:0 0 26px;font-size:clamp(2.45rem,6vw,4.8rem);font-weight:950;line-height:.96}.blog-hero{box-shadow:var(--dockcal-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #94a3b838;border-radius:34px;margin-bottom:34px;padding:42px}.blog-hero>p:last-child{max-width:760px;color:var(--dockcal-muted);margin:0;font-size:1.18rem;line-height:1.8}.blog-article h2{color:#0f172a;letter-spacing:-.045em;margin-top:58px;margin-bottom:18px;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:900;line-height:1.08}.blog-article h2:before{content:"";background:linear-gradient(90deg,var(--dockcal-blue),var(--dockcal-cyan));border-radius:999px;width:54px;height:5px;margin-bottom:18px;display:block}.blog-article h3{color:#1e293b;letter-spacing:-.025em;margin-top:34px;margin-bottom:12px;font-size:1.24rem;font-weight:850;line-height:1.25}.blog-article p{color:#334155;margin:18px 0;font-size:1.08rem;line-height:1.85}.blog-article>p:nth-of-type(2),.blog-article>p:nth-of-type(3){color:#475569;font-size:1.2rem;line-height:1.78}.blog-article ul,.blog-article ol{background:var(--dockcal-card);border:1px solid #94a3b83d;border-radius:26px;margin:26px 0;padding:24px 28px 24px 34px;box-shadow:0 18px 50px #0f172a0e}.blog-article li{color:#334155;margin:11px 0;padding-left:4px;font-size:1.04rem;line-height:1.72}.blog-article li::marker{color:var(--dockcal-blue);font-weight:900}.blog-article a,.blog-index a{color:var(--dockcal-blue);font-weight:760;text-decoration:none}.blog-article a{border-bottom:1px solid #2563eb3d}.blog-article a:hover,.blog-index a:hover{color:#0e7490;border-color:#0e749057}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.blog-card{background:var(--dockcal-card);border:1px solid #94a3b83d;border-radius:28px;min-height:250px;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;box-shadow:0 16px 45px #0f172a0f}.blog-card:hover{border-color:#2563eb47;transform:translateY(-4px);box-shadow:0 24px 70px #0f172a1a}.blog-card span{color:var(--dockcal-blue);letter-spacing:.08em;text-transform:uppercase;background:#2563eb14;border-radius:999px;margin-bottom:18px;padding:7px 11px;font-size:.76rem;font-weight:850;display:inline-flex}.blog-card h2{color:#0f172a;letter-spacing:-.035em;margin:0 0 14px;font-size:1.38rem;font-weight:900;line-height:1.15}.blog-card p{color:#475569;margin:0;font-size:1rem;line-height:1.7}@media (max-width:760px){.blog-article,.blog-index{width:min(100% - 28px,980px);padding:42px 0 72px}.blog-hero{border-radius:26px;padding:28px}.blog-article h1,.blog-hero h1{font-size:2.55rem}.blog-article h2{margin-top:44px;font-size:1.7rem}.blog-article p,.blog-article>p:nth-of-type(2),.blog-article>p:nth-of-type(3){font-size:1rem;line-height:1.76}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:auto;padding:24px}}