:root{--blog-action-tiffany:#81D8D0;--blog-action-navy:#22324A;--blog-action-coral:#F2A7A0;--blog-action-ink:#121212;--blog-action-paper:#F4F2ED;--blog-action-soft:#EAF8F7}

/* Haeng-un Blog Actions v5 — quiet, icon-led service cards and CTA */
.read-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:9px 14px 9px 15px;border:1px solid rgba(34,50,74,.16);border-radius:999px;background:rgba(255,255,255,.52);color:var(--blog-action-navy);text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;font-size:.84rem;font-weight:760;letter-spacing:.015em;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.read-link:hover{transform:translateY(-1px);border-color:rgba(34,50,74,.3);background:#fff}
.read-link .link-arrow{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--blog-action-soft);color:var(--blog-action-navy);flex:0 0 25px}
.read-link .link-arrow svg{width:13px;height:13px;display:block}

.article-service-links{margin:3.6em 0 1.4em!important;padding:28px!important;border:1px solid rgba(34,50,74,.11);border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(234,248,247,.72))!important;box-shadow:0 18px 48px rgba(34,50,74,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}
.article-service-links .service-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.article-service-links .service-section-head>div{min-width:0}
.article-service-links .service-kicker{display:block;margin-bottom:8px;color:#66717e;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.article-service-links h2{margin:0!important;color:var(--blog-action-ink);font-size:clamp(1.45rem,3vw,2rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.article-service-links .service-note{margin:0;max-width:250px;color:#67717c;font-size:.78rem;line-height:1.5;text-align:right}
.article-service-links .service-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
.article-service-links .service-card{position:relative;display:flex!important;flex-direction:column;min-width:0;min-height:174px;padding:18px!important;border:1px solid rgba(34,50,74,.11);border-radius:19px;background:rgba(255,255,255,.88);color:var(--blog-action-ink)!important;text-decoration:none!important;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.article-service-links .service-card:before{content:"";position:absolute;inset:auto -35px -52px auto;width:112px;height:112px;border-radius:50%;background:var(--blog-action-soft);opacity:.72;pointer-events:none}
.article-service-links .service-card:hover{transform:translateY(-2px);border-color:rgba(34,50,74,.22);background:#fff;box-shadow:0 12px 28px rgba(34,50,74,.08)}
.article-service-links .service-icon{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--blog-action-navy);color:#fff}
.article-service-links .service-icon svg{width:21px;height:21px;display:block}
.article-service-links .service-card-copy{position:relative;z-index:1;margin-top:auto;padding-top:24px;padding-right:38px}
.article-service-links .service-card-copy strong{display:block;color:var(--blog-action-ink);font-size:.98rem;line-height:1.35;letter-spacing:-.015em}
.article-service-links .service-card-copy small{display:block;margin-top:5px;color:#6b747e;font-size:.72rem;line-height:1.45;font-weight:500}
.article-service-links .service-card-arrow{position:absolute;z-index:2;right:15px;bottom:15px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--blog-action-tiffany);color:var(--blog-action-navy);transition:transform .22s ease}
.article-service-links .service-card:hover .service-card-arrow{transform:translateX(2px)}
.article-service-links .service-card-arrow svg{width:15px;height:15px;display:block}

.article-cta{position:relative;margin-top:56px!important;padding:30px!important;border:1px solid rgba(34,50,74,.12);border-radius:26px;background:var(--blog-action-soft)!important;color:var(--blog-action-ink)!important;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif!important}
.article-cta:after{content:"";position:absolute;right:-42px;top:-56px;width:170px;height:170px;border-radius:50%;border:34px solid rgba(129,216,208,.3);pointer-events:none}
.article-cta .cta-kicker{position:relative;z-index:1;display:block;margin-bottom:10px;color:#536171;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.article-cta .cta-row{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.article-cta .cta-copy{max-width:540px}
.article-cta h2{margin:0!important;color:var(--blog-action-navy);font-size:clamp(1.5rem,3vw,2.15rem)!important;line-height:1.12!important;letter-spacing:-.04em!important}
.article-cta p{margin:9px 0 0!important;color:#586474;font-size:.88rem;line-height:1.6}
.article-cta .cta-button{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;min-height:46px;padding:0 16px 0 18px;border-radius:999px;background:var(--blog-action-navy);color:#fff!important;text-decoration:none!important;font-size:.82rem;font-weight:780;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease}
.article-cta .cta-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(34,50,74,.18)}
.article-cta .cta-button span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--blog-action-tiffany);color:var(--blog-action-navy)}
.article-cta .cta-button svg{width:13px;height:13px;display:block}

@media(max-width:760px){
  .read-link{font-size:.8rem}
  .article-service-links{margin:2.7em 0 1.2em!important;padding:20px 16px!important;border-radius:22px!important}
  .article-service-links .service-section-head{display:block;margin-bottom:16px}
  .article-service-links .service-note{margin-top:8px;max-width:none;text-align:left;font-size:.74rem}
  .article-service-links .service-card-grid{grid-template-columns:1fr!important;gap:10px!important}
  .article-service-links .service-card{min-height:112px;padding:15px 16px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 30px;column-gap:13px;align-items:center}
  .article-service-links .service-icon{width:40px;height:40px;border-radius:12px}
  .article-service-links .service-card-copy{margin:0;padding:0}
  .article-service-links .service-card-copy strong{font-size:.94rem}
  .article-service-links .service-card-copy small{font-size:.7rem}
  .article-service-links .service-card-arrow{position:static;right:auto;bottom:auto;width:30px;height:30px}
  .article-cta{margin-top:44px!important;padding:23px 18px!important;border-radius:22px}
  .article-cta:after{right:-70px;top:-74px}
  .article-cta .cta-row{display:block}
  .article-cta h2{font-size:1.55rem!important;padding-right:34px}
  .article-cta p{font-size:.82rem}
  .article-cta .cta-button{margin-top:20px;min-height:44px}
}

@media(prefers-reduced-motion:reduce){.read-link,.article-service-links .service-card,.article-service-links .service-card-arrow,.article-cta .cta-button{transition:none}}