/* Harimobile editorial blog — shared with the approved partner-page type scale. */
#content.hari-blog-content{--hb-blue:#204bed;--hb-ink:#191f28;--hb-muted:#626b79;--hb-line:#e8ebf1;--hb-soft:#f5f7fc;--hb-pale:#eef2ff;max-width:none;width:100%;margin:0;padding:0;background:#fff;color:var(--hb-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.hari-blog-content *{box-sizing:border-box}.hari-blog-content [hidden]{display:none!important}.hari-blog-content a{color:inherit;text-decoration:none}.hari-blog-content img{display:block;max-width:100%}.hari-blog-content p{font-weight:400}.hari-blog-content h1,.hari-blog-content h2,.hari-blog-content h3{color:var(--hb-ink);word-break:keep-all}.hari-blog-content a:focus-visible,.hari-blog-content button:focus-visible{outline:3px solid var(--hb-blue);outline-offset:5px}
.hb-wrap{width:calc(100% - 64px);max-width:1120px;margin:0 auto}.hb-section{padding:88px 0}.hb-soft{background:var(--hb-soft)}
.hb-hero{padding:88px 0 72px;background:linear-gradient(120deg,#fff 35%,#eef2ff)}.hb-hero-inner{text-align:left}.hb-eyebrow,.hb-section-head>div>span,.hb-first-read-head>span,.hba-intro>div>span{display:block;margin:0 0 18px;color:var(--hb-blue);font-size:13px;font-weight:650;letter-spacing:.05em}
.hb-hero h1,.hba-intro h1{margin:0 0 24px;font-size:56px;font-weight:750;line-height:1.22;letter-spacing:-2.5px}.hb-hero h1 em,.hba-intro h1 em{color:var(--hb-blue);font-style:normal}.hb-lead{max-width:720px;margin:0;color:var(--hb-muted);font-size:17px;line-height:1.75}
.hb-hub-panel{margin:48px 0 0;padding:0;border:0;background:transparent;box-shadow:none}.hb-panel-copy{padding:0;min-height:0;margin:0 0 24px}.hb-panel-copy>span,.hb-panel-copy p{display:none}.hb-panel-copy h2{margin:0;font-size:26px;font-weight:650;line-height:1.4;letter-spacing:-.7px}.hb-character{display:none}
.hb-hub-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hb-hub-button{display:flex;align-items:center;position:relative;gap:14px;min-width:0;padding:22px 44px 22px 20px;border:1px solid var(--hb-line);border-radius:18px;background:#fff;transition:border-color .18s,background .18s}.hb-hub-button:hover,.hb-hub-button.is-active{border-color:var(--hb-blue);background:var(--hb-pale)}.hb-hub-button i{display:grid;place-items:center;flex:0 0 36px;width:36px;height:44px;color:var(--hb-blue);font-style:normal}.hb-hub-button i svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hb-hub-button strong{display:block;font-size:21px;font-weight:650;line-height:1.45;letter-spacing:-.4px}.hb-hub-button small{display:block;margin-top:5px;font-size:14px;font-weight:400;line-height:1.6;color:var(--hb-muted)}.hb-hub-button b{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:19px;font-weight:400;color:var(--hb-blue)}
.hb-topic-area{margin-top:22px}.hb-topic-group>div{display:none}.hb-topic-group nav{display:flex;flex-wrap:wrap;gap:8px}.hb-topic-group a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid var(--hb-line);border-radius:10px;background:#fff;color:var(--hb-muted);font-size:15px;font-weight:500;line-height:1.5}.hb-topic-group a:hover{border-color:var(--hb-blue);color:var(--hb-blue)}.hb-quick-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:18px}.hb-quick-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--hb-blue);font-size:15px;font-weight:600}
.hb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.hb-section-head>div>span{margin-bottom:10px}.hb-section-head h2,.hb-first-read-head h2{margin:0;font-size:38px;font-weight:700;line-height:1.35;letter-spacing:-1.4px}.hb-section-head p,.hb-first-read-head p{margin:14px 0 0;color:var(--hb-muted);font-size:17px;line-height:1.75}.hb-section-head>a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;color:var(--hb-blue);font-size:15px;font-weight:600}
.hb-first-read-section{padding:88px 0;background:var(--hb-pale)}.hb-first-read{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:64px;align-items:start}.hb-first-read-head h2{color:var(--hb-blue)}.hb-first-read-list{display:grid;grid-template-columns:1fr;padding:12px 28px;border-radius:20px;background:#fff}.hb-first-read-list a{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--hb-line)}.hb-first-read-list a:last-child{border:0}.hb-first-read-list i{font-size:13px;font-weight:500;font-style:normal;color:var(--hb-blue)}.hb-first-read-list strong{font-size:18px;line-height:1.6;font-weight:500}.hb-first-read-list b{color:var(--hb-blue);font-size:18px;font-weight:400}.hb-first-read-list a:hover strong{color:var(--hb-blue)}
.hb-featured-section{background:var(--hb-soft)}.hb-featured{display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;border:1px solid var(--hb-line);border-radius:24px;background:#fff}.hb-featured-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:44px}.hb-badge{color:var(--hb-blue);font-size:13px;font-weight:600}.hb-featured-copy h3{margin:14px 0 18px;font-size:32px;font-weight:650;line-height:1.4;letter-spacing:-1px}.hb-featured-copy p{margin:0;color:var(--hb-muted);font-size:17px;line-height:1.75}.hb-featured-copy strong{margin-top:22px;color:var(--hb-blue);font-size:15px;font-weight:600}.hb-featured-image{min-height:360px;background-position:center;background-size:cover;background-repeat:no-repeat}.hb-featured-overlay{display:none}
.hb-asym-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.hb-card-stack{display:grid;gap:24px}.hb-card{display:block;overflow:hidden;border:1px solid var(--hb-line);border-radius:20px;background:#fff}.hb-card:hover h3,.hb-budget-card:hover h3,.hb-latest:hover h3,.hba-post-card:hover h2{color:var(--hb-blue)}.hb-thumb,.hb-budget-thumb,.hba-thumb,.hba-popular-thumb{position:relative;overflow:hidden;background:var(--hb-pale);background-position:center;background-size:cover;background-repeat:no-repeat}.hb-thumb:not(.has-image),.hba-thumb:not(.has-image){background:linear-gradient(135deg,#eef2ff,#e6edf7)}.hb-thumb span,.hb-budget-thumb span,.hba-thumb span{display:none}.hb-card-big>.hb-thumb{width:100%;aspect-ratio:16/9}.hb-card-body{padding:24px}.hb-card-body>span,.hb-budget-card>div:last-child>span,.hb-latest>div:last-child>span{display:block;margin-bottom:10px;color:var(--hb-blue);font-size:13px;font-weight:500;line-height:1.6}.hb-card-body h3,.hb-budget-card h3,.hb-latest h3{margin:0;font-size:21px;font-weight:650;line-height:1.45;letter-spacing:-.4px}.hb-card-body p{margin:12px 0 0;color:var(--hb-muted);font-size:16px;line-height:1.75}.hb-card-small{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center}.hb-card-small>.hb-thumb{width:128px;height:100%;min-height:160px}.hb-card-small .hb-card-body{padding:24px}.hb-card-small h3{font-size:21px}
.hb-budget-row,.hb-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hb-budget-card{display:block;overflow:hidden;border:1px solid var(--hb-line);border-radius:20px;background:#fff}.hb-budget-thumb{width:100%;aspect-ratio:16/9}.hb-budget-card>div:last-child{padding:24px}.hb-budget-card b{display:block;margin-top:16px;color:var(--hb-blue);font-size:15px;font-weight:600}.hb-three-grid .hb-thumb{aspect-ratio:16/9}.hb-phone-section{border-top:1px solid var(--hb-line)}
.hb-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hb-latest{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hb-line);border-radius:20px;background:#fff}.hb-latest>.hb-thumb{width:100%;aspect-ratio:16/9}.hb-latest>div:last-child{padding:24px}.hb-cta-section{padding:0 0 88px;background:var(--hb-soft)}.hb-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:44px;border-radius:24px;background:var(--hb-pale)}.hb-cta span{display:none}.hb-cta h2{margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.4;letter-spacing:-1px}.hb-cta p{margin:0;font-size:17px;color:var(--hb-muted)}.hb-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:48px;padding:12px 20px;border-radius:12px;background:var(--hb-blue);color:#fff;font-size:16px;font-weight:600}
.hba-wrap{padding:72px 0 88px}.hba-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.hba-intro>div{max-width:860px}.hba-intro h1{max-width:820px}.hba-intro p{max-width:720px;margin:0;color:var(--hb-muted);font-size:17px;line-height:1.75}.hba-intro>a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;color:var(--hb-blue);font-size:15px;font-weight:600}.hba-filter{padding:0 0 28px;background:#fff}.hba-search{position:relative;max-width:740px;margin-bottom:28px}.hba-search input[type=search]{display:block;width:100%;height:62px;border:1px solid var(--hb-line);border-radius:13px;padding:12px 72px 12px 18px;background:#fff;color:var(--hb-ink);font:inherit;font-size:16px;line-height:1.6}.hba-search input:focus{outline:2px solid var(--hb-blue);outline-offset:2px}.hba-search button{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:9px;background:var(--hb-blue);color:#fff;cursor:pointer}.hba-search button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.hba-primary-tabs{display:flex;flex-wrap:wrap;gap:28px;border-bottom:1px solid var(--hb-line)}.hba-primary-tabs a{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:12px 0;color:var(--hb-muted);font-size:18px;font-weight:600;line-height:1.5}.hba-primary-tabs a.is-active{color:var(--hb-blue)}.hba-primary-tabs a.is-active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--hb-blue);content:""}.hba-topic-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hba-topic-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border-radius:9px;color:var(--hb-muted);font-size:15px;font-weight:500;line-height:1.5}.hba-topic-tabs a.is-active,.hba-topic-tabs a:hover{background:var(--hb-pale);color:var(--hb-blue)}
.hba-results{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 18px;border-top:1px solid var(--hb-line);color:var(--hb-muted);font-size:14px}.hba-results p{margin:0;font-size:15px}.hba-results strong{color:var(--hb-ink);font-weight:600}.hba-posts{display:grid;grid-template-columns:1fr}.hba-post-card{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:36px;align-items:center;padding:28px 0;border-top:1px solid var(--hb-line);background:#fff}.hba-post-card>.hba-thumb{grid-column:2;grid-row:1;width:184px;aspect-ratio:16/10;border-radius:14px}.hba-post-copy{grid-column:1;grid-row:1;min-width:0}.hba-post-copy>div{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;color:var(--hb-blue);font-size:13px;font-weight:500;line-height:1.6}.hba-post-copy time{color:var(--hb-muted)}.hba-post-copy h2{margin:0 0 12px;font-size:23px;font-weight:650;line-height:1.5;letter-spacing:-.5px}.hba-post-copy h2 a{display:block}.hba-post-copy p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:var(--hb-muted);font-size:16px;line-height:1.75}
.hba-popular{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:36px;align-items:center;position:relative;padding:28px;border:1px solid var(--hb-line);border-radius:20px;margin-bottom:20px;background:var(--hb-pale)}.hba-popular-thumb{grid-column:2;grid-row:1;width:184px;aspect-ratio:16/10;border-radius:14px}.hba-popular-thumb span{display:none}.hba-popular>div{grid-column:1;grid-row:1}.hba-popular>div>span{font-size:13px;color:var(--hb-blue)}.hba-popular h2{margin:10px 0 12px;font-size:23px;font-weight:650;line-height:1.5;letter-spacing:-.5px}.hba-popular p{margin:0;color:var(--hb-muted);font-size:16px;line-height:1.75}.hba-popular-link{display:none}.hba-empty{padding:80px 24px;border-top:1px solid var(--hb-line);text-align:center}.hba-empty strong,.hba-empty span{display:block}.hba-empty strong{font-size:23px;font-weight:650}.hba-empty span{margin-top:8px;color:var(--hb-muted);font-size:16px}.hba-empty a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;margin-top:24px;border-radius:10px;background:var(--hb-blue);color:#fff;font-size:15px;font-weight:600}.hba-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}.hba-pagination a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--hb-line);border-radius:10px;font-size:15px;color:var(--hb-muted)}.hba-pagination a.is-active{background:var(--hb-blue);border-color:var(--hb-blue);color:#fff}
#starter-guide,#prepaid,#budget,#phone{scroll-margin-top:110px}
@media(max-width:960px){.hb-hub-nav{gap:12px}.hb-hub-button{padding:20px 30px 20px 14px;gap:10px}.hb-hub-button i{flex-basis:26px;width:26px}.hb-hub-button strong{font-size:20px}.hb-hub-button b{right:10px}.hb-first-read{gap:32px}.hb-asym-grid{grid-template-columns:1fr 1fr}.hb-card-small{grid-template-columns:92px minmax(0,1fr)}.hb-card-small>.hb-thumb{width:92px}.hb-card-small .hb-card-body{padding:18px}.hb-card-small h3{font-size:19px}.hb-budget-row,.hb-latest-grid{gap:18px}.hb-card-body,.hb-budget-card>div:last-child,.hb-latest>div:last-child{padding:22px}}
@media(max-width:760px){.hb-wrap{width:calc(100% - 40px)}.hb-hero{padding:56px 0 48px}.hb-hero h1,.hba-intro h1{font-size:38px;line-height:1.25;letter-spacing:-1.5px}.hb-lead,.hba-intro p{font-size:16px}.hb-hub-panel{margin-top:36px}.hb-panel-copy h2{font-size:24px}.hb-hub-nav{grid-template-columns:1fr;gap:14px}.hb-hub-button{padding:20px 44px 20px 20px;gap:14px}.hb-hub-button i{flex-basis:32px;width:32px}.hb-hub-button b{right:20px}.hb-hub-button strong{font-size:20px}.hb-topic-group a{font-size:14px;padding:9px 12px}.hb-quick-links{gap:8px 20px}.hb-quick-links a{font-size:14px}.hb-section,.hb-first-read-section{padding:54px 0}.hb-section-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.hb-section-head h2,.hb-first-read-head h2{font-size:29px;letter-spacing:-1px}.hb-section-head p,.hb-first-read-head p{font-size:16px}.hb-first-read{grid-template-columns:1fr;gap:20px}.hb-first-read-list{padding:8px 20px}.hb-first-read-list a{gap:14px}.hb-first-read-list strong{font-size:17px}.hb-featured{grid-template-columns:1fr}.hb-featured-copy{padding:26px}.hb-featured-copy h3{font-size:24px}.hb-featured-copy p{font-size:16px}.hb-featured-image{min-height:0;aspect-ratio:16/10}.hb-asym-grid,.hb-budget-row,.hb-latest-grid,.hb-three-grid{grid-template-columns:1fr}.hb-card-stack{gap:20px}.hb-card-small{grid-template-columns:92px minmax(0,1fr)}.hb-card-small>.hb-thumb{width:92px;min-height:132px}.hb-card-small h3{font-size:18px}.hb-card-body h3,.hb-budget-card h3,.hb-latest h3{font-size:20px}.hb-card-body p{font-size:15px}.hb-card-body>span,.hb-budget-card>div:last-child>span,.hb-latest>div:last-child>span{font-size:12px}.hb-cta-section{padding-bottom:54px}.hb-cta{padding:28px;flex-direction:column;align-items:flex-start;gap:22px}.hb-cta h2{font-size:26px}.hb-cta p{font-size:16px}.hba-wrap{padding:48px 0 54px}.hba-intro{display:block;margin-bottom:24px}.hba-intro>a{margin-top:16px}.hba-search{margin-bottom:24px}.hba-primary-tabs{gap:10px 20px}.hba-primary-tabs a{font-size:16px}.hba-topic-tabs{gap:5px}.hba-topic-tabs a{padding:9px 11px;font-size:14px}.hba-results{padding-top:24px}.hba-post-card{grid-template-columns:minmax(0,1fr) 84px;gap:16px;padding:24px 0;align-items:start}.hba-post-card>.hba-thumb{width:84px;aspect-ratio:1;margin-top:28px;border-radius:10px}.hba-post-copy>div{font-size:12px;gap:6px;margin-bottom:10px}.hba-post-copy h2{font-size:20px;line-height:1.5;letter-spacing:-.4px;margin-bottom:10px;word-break:normal}.hba-post-copy p{font-size:15px;line-height:1.7}.hba-popular{grid-template-columns:minmax(0,1fr) 84px;gap:16px;padding:20px}.hba-popular-thumb{width:84px;aspect-ratio:1}.hba-popular h2{font-size:20px}.hba-popular p{font-size:15px}.hba-empty{padding:54px 0}.hba-empty strong{font-size:20px}.hba-empty span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hari-blog-content *{scroll-behavior:auto!important;transition:none!important}}

/* Keep every blog article thumbnail square at all responsive sizes. */
.hari-blog-content .hb-card-big>.hb-thumb,
.hari-blog-content .hb-card-small>.hb-thumb,
.hari-blog-content .hb-three-grid .hb-thumb,
.hari-blog-content .hb-latest>.hb-thumb,
.hari-blog-content .hb-budget-thumb,
.hari-blog-content .hb-featured-image,
.hari-blog-content .hba-post-card>.hba-thumb,
.hari-blog-content .hba-popular-thumb{
    aspect-ratio:1 / 1;
    height:auto;
    min-height:0;
    align-self:center;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.hari-blog-content .hb-featured-image{width:100%}
