/*
Theme Name: RUN:ON Safe v3.0 Mobile Article for GeneratePress
Description: A safe GeneratePress child theme with the RUN:ON home and article layouts.
Author: RUN:ON
Template: generatepress
Version: 3.0.0
Text Domain: runon-safe
*/

/* RUN:ON home-page template */
.page-template-page-runon-home .site-header,
.page-template-page-runon-home .main-navigation,
.page-template-page-runon-home .site-footer{display:none}
.page-template-page-runon-home .site-content{padding:0;background:#fbfcfe}
.page-template-page-runon-home .content-area,.page-template-page-runon-home .site-main{width:100%}
.page-template-page-runon-home .inside-article{padding:0;background:transparent}
.page-template-page-runon-home .entry-header{display:none}

.runon-safe{--navy:#10243d;--blue:#1769e8;--sky:#edf5ff;--line:#e6ebf2;--muted:#64758a;--mint:#16b99a;--orange:#ff7a2f;color:var(--navy);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;line-height:1.55;background:#fbfcfe}
.runon-safe *{box-sizing:border-box}.runon-safe a{text-decoration:none;color:inherit}.runon-safe__wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.runon-safe__header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px}.runon-safe__brand{font-size:25px;font-weight:900;letter-spacing:-1.7px;white-space:nowrap}.runon-safe__brand b{color:var(--blue)}.runon-safe__nav{display:flex;gap:23px;flex:1;font-size:15px;font-weight:800}.runon-safe__nav a:hover{color:var(--blue)}.runon-safe__search{border:1px solid var(--line);border-radius:30px;padding:10px 15px;color:#8796a7;font-size:13px}.runon-safe__mobile{display:none}
.runon-safe__top-ad{width:min(1180px,calc(100% - 40px));margin:12px auto 0;text-align:center;overflow:hidden}
.runon-safe__hero{background:linear-gradient(115deg,#eaf4ff,#f8fbff 51%,#f0faf8);padding:58px 0 65px;position:relative;overflow:hidden}.runon-safe__hero:after{content:"";width:430px;height:430px;border:52px solid rgba(23,105,232,.07);border-radius:50%;position:absolute;right:-90px;top:-215px}.runon-safe__hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;position:relative;z-index:1}.runon-safe__kicker{display:inline-block;background:#fff;color:var(--blue);font-size:13px;font-weight:900;padding:7px 11px;border-radius:30px;box-shadow:0 7px 18px rgba(30,75,120,.08)}.runon-safe h1{font-size:45px;line-height:1.19;letter-spacing:-3px;margin:18px 0 14px}.runon-safe h1 span{color:var(--blue)}.runon-safe__lede{font-size:17px;line-height:1.65;color:#526477;margin:0 0 24px}.runon-safe__button{display:inline-block;background:var(--blue);color:#fff!important;padding:13px 18px;border-radius:10px;font-size:14px;font-weight:900;box-shadow:0 9px 20px rgba(23,105,232,.2)}.runon-safe__button--light{background:#fff;color:var(--navy)!important;border:1px solid var(--line);box-shadow:none;margin-left:7px}.runon-safe__run-card{background:#fff;border-radius:22px;padding:23px;box-shadow:0 20px 44px rgba(20,56,94,.12);transform:rotate(2deg)}.runon-safe__run-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.runon-safe__run-top b{color:var(--navy)}.runon-safe__ring{height:160px;width:160px;border-radius:50%;margin:16px auto;background:conic-gradient(var(--blue) 0 72%,#e7edf6 72%);position:relative}.runon-safe__ring:after{content:"6.2 km";position:absolute;inset:13px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}.runon-safe__stats{padding-top:14px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.runon-safe__stats b{display:block;font-size:16px}.runon-safe__stats span{font-size:11px;color:var(--muted)}
.runon-safe__quick{position:relative;z-index:2;margin-top:-22px}.runon-safe__quick-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:10px;background:#fff;border-radius:15px;box-shadow:0 10px 24px rgba(17,47,79,.1)}.runon-safe__quick a{display:flex;gap:10px;align-items:center;padding:14px;border-right:1px solid var(--line);font-size:14px;font-weight:900}.runon-safe__quick a:last-child{border:0}.runon-safe__quick i{font-style:normal;background:var(--sky);padding:8px;border-radius:9px}
.runon-safe__section{padding:72px 0}.runon-safe__section--gray{background:#f4f7fb}.runon-safe__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.runon-safe__eyebrow{font-size:12px;font-weight:900;letter-spacing:.5px;color:var(--blue)}.runon-safe h2{font-size:29px;line-height:1.3;letter-spacing:-1.7px;margin:5px 0 0}.runon-safe__more{font-size:13px;color:var(--muted);font-weight:800}.runon-safe__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.runon-safe__card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s}.runon-safe__card:hover{transform:translateY(-4px);box-shadow:0 14px 25px rgba(21,51,85,.1)}.runon-safe__visual{height:155px;padding:16px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#bedaff,#4889ee);position:relative}.runon-safe__card:nth-child(2) .runon-safe__visual{background:linear-gradient(135deg,#b8eadf,#2bb28f)}.runon-safe__card:nth-child(3) .runon-safe__visual{background:linear-gradient(135deg,#ffd4b9,#f6803f)}.runon-safe__visual:after{content:"";width:83px;height:83px;border:17px solid rgba(255,255,255,.37);border-left-color:transparent;border-radius:50%;position:absolute;right:25px;top:26px}.runon-safe__tag{position:relative;z-index:1;background:#fff;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:900;color:#285178}.runon-safe__card-body{padding:17px}.runon-safe__card h3{font-size:17px;line-height:1.42;letter-spacing:-.8px;margin:0 0 8px}.runon-safe__card p{margin:0;font-size:13px;color:var(--muted)}.runon-safe__card small{display:block;margin-top:14px;color:#98a5b4;font-size:11px}
.runon-safe__finder{background:var(--navy);color:#fff;border-radius:21px;padding:32px;display:grid;grid-template-columns:.76fr 1.24fr;gap:25px}.runon-safe__finder .runon-safe__eyebrow{color:#8dc0ff}.runon-safe__finder h2{color:#fff}.runon-safe__finder p{font-size:14px;color:#b9c9da;margin:10px 0 19px}.runon-safe__choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.runon-safe__choice{background:#19324e;border:1px solid #36506d;border-radius:9px;padding:11px;color:#dbe8f6;font-size:13px;font-weight:800}.runon-safe__choice:first-child,.runon-safe__choice:hover{background:var(--blue);border-color:var(--blue);color:#fff}.runon-safe__product{background:#fff;color:var(--navy);border-radius:14px;padding:20px;display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center}.runon-safe__shoe{height:66px;background:linear-gradient(150deg,#e7efff 0 44%,#2a6ee4 44% 62%,#182a43 62%);border-radius:42px 25px 27px 14px;transform:rotate(-10deg)}.runon-safe__product small{font-size:11px;font-weight:900;color:var(--blue)}.runon-safe__product h3{margin:4px 0;font-size:18px}.runon-safe__product p{margin:0;color:var(--muted);font-size:12px}.runon-safe__price{font-size:15px;font-weight:900;color:var(--orange)}
.runon-safe__course{display:grid;grid-template-columns:1.16fr .84fr;gap:20px}.runon-safe__map{height:355px;background:#dcefe9;border:1px solid #cae1da;border-radius:18px;position:relative;overflow:hidden}.runon-safe__map:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(34deg,transparent 0 32px,rgba(255,255,255,.55) 33px 37px,transparent 38px 76px),repeating-linear-gradient(-49deg,transparent 0 47px,rgba(255,255,255,.7) 48px 51px,transparent 52px 110px)}.runon-safe__river{position:absolute;width:135%;height:48px;background:#a9d9ff;transform:rotate(-17deg);top:43%;left:-16%;border-radius:50%}.runon-safe__route{position:absolute;width:69%;height:48%;top:27%;left:14%;border:8px dashed var(--blue);border-radius:50%;transform:rotate(-14deg)}.runon-safe__map-label{position:absolute;left:17px;bottom:17px;background:#fff;border-radius:9px;padding:10px 13px;box-shadow:0 5px 13px rgba(15,51,70,.11);font-size:12px}.runon-safe__map-label b{display:block;font-size:14px}.runon-safe__course-list{display:flex;flex-direction:column;gap:10px}.runon-safe__course-item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;align-items:center;gap:12px}.runon-safe__num{width:28px;height:28px;background:var(--sky);color:var(--blue);border-radius:8px;display:grid;place-items:center;flex:0 0 28px;font-size:12px;font-weight:900}.runon-safe__course-item b{display:block;font-size:14px}.runon-safe__course-item span{font-size:12px;color:var(--muted)}.runon-safe__course-item em{font-size:11px;color:var(--mint);font-style:normal;font-weight:900;margin-left:auto;white-space:nowrap}
.runon-safe__community{display:grid;grid-template-columns:1fr 1fr;gap:18px}.runon-safe__board{padding:21px;background:#fff;border:1px solid var(--line);border-radius:15px}.runon-safe__board h3{margin:0 0 11px;font-size:18px}.runon-safe__board a{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:11px 0;font-size:14px;font-weight:800}.runon-safe__board a span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.runon-safe__board small{color:#94a2b2}.runon-safe__crew{background:linear-gradient(135deg,#1769e8,#44a0ef);border-radius:15px;padding:25px;color:#fff}.runon-safe__crew .runon-safe__eyebrow{color:#cce5ff}.runon-safe__crew h3{font-size:23px;line-height:1.35;margin:4px 0 8px}.runon-safe__crew p{font-size:14px;color:#e0efff;margin:0 0 17px}.runon-safe__crew .runon-safe__button{background:#fff;color:var(--blue)!important;box-shadow:none}.runon-safe__newsletter{background:var(--navy);padding:54px 0;text-align:center;color:#fff}.runon-safe__newsletter h2{color:#fff;margin:0}.runon-safe__newsletter p{margin:8px 0 0;color:#c8d5e4;font-size:14px}.runon-safe__form{display:flex;max-width:430px;margin:20px auto 0;padding:5px;background:#fff;border-radius:9px}.runon-safe__form input{min-width:0;flex:1;border:0;outline:0;padding:10px 12px;font:14px inherit}.runon-safe__form button{background:var(--blue);border:0;border-radius:6px;color:#fff;padding:10px 14px;font:800 13px inherit}
@media(max-width:800px){.runon-safe__wrap{width:min(100% - 32px,1180px)}.runon-safe__header{height:61px;gap:0}.runon-safe__brand{font-size:23px}.runon-safe__nav,.runon-safe__search{display:none}.runon-safe__mobile{display:block;margin-left:auto}.runon-safe__mobile summary{list-style:none;font-size:24px;cursor:pointer}.runon-safe__mobile summary::-webkit-details-marker{display:none}.runon-safe__mobile nav{position:absolute;top:60px;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 16px;z-index:5}.runon-safe__mobile nav a{display:block;padding:10px 0;font-size:14px;font-weight:800}.runon-safe__hero{padding:42px 0 55px}.runon-safe__hero-grid{grid-template-columns:1fr}.runon-safe h1{font-size:35px;letter-spacing:-2.3px}.runon-safe__run-card{display:none}.runon-safe__quick-grid{grid-template-columns:repeat(2,1fr)}.runon-safe__quick a:nth-child(2){border-right:0}.runon-safe__quick a:nth-child(-n+2){border-bottom:1px solid var(--line)}.runon-safe__section{padding:52px 0}.runon-safe h2{font-size:24px}.runon-safe__cards{grid-template-columns:1fr}.runon-safe__card{display:grid;grid-template-columns:110px 1fr}.runon-safe__visual{height:auto;min-height:125px}.runon-safe__visual:after{display:none}.runon-safe__card-body{padding:14px}.runon-safe__finder,.runon-safe__course,.runon-safe__community{grid-template-columns:1fr}.runon-safe__finder{padding:22px}.runon-safe__finder h2{font-size:25px}.runon-safe__product{grid-template-columns:72px 1fr}.runon-safe__price{display:none}.runon-safe__map{height:270px}.runon-safe__newsletter{padding:48px 0}.runon-safe__newsletter h2{font-size:24px}}

/* RUN:ON article and archive layout */
body:not(.page-template-page-runon-home){--runon-navy:#10243d;--runon-blue:#1769e8;--runon-sky:#edf5ff;--runon-line:#e6ebf2;--runon-muted:#64758a;background:#f5f7fa;color:var(--runon-navy);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif}
body:not(.page-template-page-runon-home) .site-header,
body:not(.page-template-page-runon-home) .main-navigation{display:none}
.runon-public-header{background:#fff;border-bottom:1px solid var(--runon-line);position:relative;z-index:10}
.runon-public-header__inner{width:min(1180px,calc(100% - 40px));height:74px;margin:auto;display:flex;align-items:center;gap:36px}
.runon-public-header__brand{font-size:25px;font-weight:900;letter-spacing:-1.7px;white-space:nowrap;color:var(--runon-navy);text-decoration:none}
.runon-public-header__brand b{color:var(--runon-blue)}
.runon-public-header__nav{display:flex;flex:1;gap:23px;align-items:center}
.runon-public-header__nav a{font-size:15px;font-weight:800;color:var(--runon-navy);text-decoration:none;white-space:nowrap}
.runon-public-header__nav a:hover{color:var(--runon-blue)}
.runon-public-header__search{border:1px solid var(--runon-line);border-radius:30px;padding:10px 15px;font-size:13px;color:#64758a;text-decoration:none;white-space:nowrap}
.single .site-content{padding:42px 0 72px}
.single .content-area{width:100%}
.single .site-main{width:min(980px,calc(100% - 40px));margin:auto}
.single .inside-article{padding:0;background:transparent}
.single .inside-article>.post-image,.single .inside-article>.featured-image{display:none}
.single .entry-header{max-width:860px;margin:0 auto;padding:44px 52px 25px;background:#fff;border:1px solid var(--runon-line);border-bottom:0;border-radius:22px 22px 0 0}
.single .entry-title{margin:9px 0 14px;color:var(--runon-navy);font-size:42px;line-height:1.23;letter-spacing:-2.5px;font-weight:900}
.single .entry-meta{font-size:13px;color:var(--runon-muted)}
.single .entry-meta a{color:var(--runon-muted)}
.runon-article-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--runon-blue);font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
.runon-article-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--runon-blue)}
.single .entry-content{max-width:860px;margin:0 auto;padding:0 52px 52px;background:#fff;border:1px solid var(--runon-line);border-top:0;border-radius:0 0 22px 22px;font-size:17px;line-height:1.82;color:#27384b}
.single .entry-content>*:first-child{margin-top:0}
.single .entry-content>.wp-block-image:first-child,.single .entry-content>figure:first-child{margin:0 -52px 32px}
.single .entry-content>.wp-block-image:first-child img,.single .entry-content>figure:first-child img{display:block;width:100%;max-height:500px;object-fit:cover}
.single .entry-content>p{margin:0 0 23px}
.single .entry-content>p:first-of-type{margin:0 -10px 34px;padding:22px 24px;background:linear-gradient(135deg,#edf5ff,#f8fbff);border-left:4px solid var(--runon-blue);border-radius:0 14px 14px 0;color:#28496c;font-size:18px;font-weight:700;line-height:1.72}
.single .entry-content h2{margin:56px 0 20px;padding:0 0 0 17px;border-left:5px solid var(--runon-blue);color:var(--runon-navy);font-size:29px;line-height:1.35;letter-spacing:-1.7px;font-weight:900}
.single .entry-content h3{margin:34px 0 12px;color:var(--runon-navy);font-size:21px;line-height:1.45;letter-spacing:-1px}
.single .entry-content ul,.single .entry-content ol{margin:0 0 25px;padding-left:24px}
.single .entry-content li{margin:8px 0;padding-left:2px}
.single .entry-content strong{color:var(--runon-navy)}
.single .entry-content a{color:#1565cf;text-decoration:underline;text-decoration-color:#a9c9f7;text-underline-offset:3px}
.single .entry-content figure{margin:34px 0}
.single .entry-content img{border-radius:14px}
.single .entry-content table{width:100%;margin:28px 0;border:1px solid var(--runon-line);border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;font-size:15px;line-height:1.6}
.single .entry-content th{padding:14px 15px;background:#f5f8fc;color:var(--runon-navy);font-weight:900}
.single .entry-content td{padding:14px 15px;border-top:1px solid var(--runon-line);border-left:1px solid var(--runon-line);vertical-align:top}
.single .entry-content td:first-child{border-left:0}
.single .entry-content .adsbygoogle{margin:36px auto!important}
.single .entry-meta,.single .cat-links,.single .tags-links{font-family:inherit}
.single .entry-footer{max-width:860px;margin:20px auto 0;padding:20px 25px;background:#fff;border:1px solid var(--runon-line);border-radius:16px;font-size:14px}
.single .comments-area{max-width:860px;margin:28px auto 0;padding:34px 52px 38px;background:#fff;border:1px solid var(--runon-line);border-radius:22px;color:var(--runon-navy)}
.single .comments-title,.single .comment-reply-title{margin:0 0 8px;font-size:25px;line-height:1.35;letter-spacing:-1.5px;font-weight:900}
.single .comment-reply-title small{font-size:12px;font-weight:700}
.single .comment-notes,.single .logged-in-as{margin:0 0 18px;color:var(--runon-muted);font-size:14px}
.single .comment-form-comment label,.single .comment-form-author label,.single .comment-form-email label{display:block;margin:0 0 7px;font-weight:800;font-size:14px}
.single .comment-form textarea,.single .comment-form input[type=text],.single .comment-form input[type=email]{width:100%;border:1px solid #d9e2ed;border-radius:10px;background:#fbfcfe;padding:13px 14px;font:inherit;color:var(--runon-navy);box-sizing:border-box}
.single .comment-form textarea{min-height:150px;resize:vertical}
.single .form-submit{margin:16px 0 0}
.single .form-submit .submit{border:0;border-radius:9px;background:var(--runon-blue);padding:12px 18px;color:#fff;font:800 14px inherit;cursor:pointer}
.single .comment-list{margin:22px 0 0;padding:0;list-style:none}.single .comment-body{padding:18px;border-top:1px solid var(--runon-line)}
.archive .site-content{padding:42px 0 72px}.archive .content-area{width:100%}.archive .site-main{width:min(980px,calc(100% - 40px));margin:auto}.archive .inside-article{margin-bottom:16px;padding:32px;background:#fff;border:1px solid var(--runon-line);border-radius:18px}.archive .page-header{margin-bottom:22px;padding:30px;background:#fff;border:1px solid var(--runon-line);border-radius:18px}.archive .entry-title{font-size:26px;line-height:1.35;letter-spacing:-1.4px}.archive .entry-summary{font-size:16px;line-height:1.75}.archive .post-image{display:none}
@media(max-width:800px){.runon-public-header__inner{width:min(100% - 32px,1180px);height:61px}.runon-public-header__brand{font-size:23px}.runon-public-header__nav{display:none}.runon-public-header__search{margin-left:auto;padding:8px 11px;font-size:12px}.single .site-content{padding:20px 0 48px}.single .site-main{width:min(100% - 24px,980px)}.single .entry-header{padding:28px 22px 18px;border-radius:16px 16px 0 0}.single .entry-title{font-size:31px;letter-spacing:-2px}.single .entry-content{padding:0 22px 34px;border-radius:0 0 16px 16px;font-size:16px;line-height:1.78}.single .entry-content>.wp-block-image:first-child,.single .entry-content>figure:first-child{margin:0 -22px 25px}.single .entry-content>p:first-of-type{margin:0 0 28px;padding:18px 19px;font-size:16px}.single .entry-content h2{margin:42px 0 17px;padding-left:13px;font-size:24px;letter-spacing:-1.4px}.single .entry-content h3{font-size:19px}.single .entry-content table{display:block;overflow-x:auto;white-space:nowrap;font-size:14px}.single .entry-content th,.single .entry-content td{padding:12px}.single .comments-area{padding:27px 22px;border-radius:16px}.single .comments-title,.single .comment-reply-title{font-size:22px}.archive .site-main{width:min(100% - 24px,980px)}.archive .inside-article{padding:24px}.archive .page-header{padding:24px}}

/* v2.5: force removal of the GeneratePress desktop sidebar column. */
.single .site-content{display:block!important}
.single #right-sidebar,.single .widget-area,.single .sidebar{display:none!important}
.single .content-area{float:none!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

/* Category/archive cards: retain the featured image as a useful visual cue. */
.archive .inside-article{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;align-items:start}
.archive .inside-article .post-image{display:block;grid-column:1;grid-row:1 / span 3;margin:0}
.archive .inside-article .post-image a{display:block;height:156px}
.archive .inside-article .post-image img{display:block;width:100%;height:156px;object-fit:cover;border-radius:12px}
.archive .inside-article .entry-header{grid-column:2;grid-row:1;margin:0}
.archive .inside-article .entry-summary{grid-column:2;grid-row:2;margin:13px 0 0}
.archive .inside-article .entry-footer{grid-column:2;grid-row:3;margin:15px 0 0;padding:0;border:0;background:transparent}
@media(max-width:800px){.archive .inside-article{display:block}.archive .inside-article .post-image{display:block;margin:0 0 18px}.archive .inside-article .post-image a,.archive .inside-article .post-image img{height:190px;width:100%}}

/* v2.6: GeneratePress installations can name the empty sidebar #secondary. */
body.single #secondary,body.single #right-sidebar,body.single #left-sidebar,
body.archive #secondary,body.archive #right-sidebar,body.archive #left-sidebar{display:none!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important}
body.single .site,body.archive .site,body.single .site-content,body.archive .site-content{display:block!important}
body.single .content-area,body.archive .content-area{float:none!important;width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}

/* v2.7: Gutenberg keeps uploaded images at their original block width.
   Center the article hero instead of leaving its unused width on the right. */
.single .entry-content>.wp-block-image:first-child,
.single .entry-content>figure:first-child{width:min(760px,100%)!important;max-width:100%!important;margin:0 auto 32px!important}
.single .entry-content>.wp-block-image:first-child img,
.single .entry-content>figure:first-child img{width:100%!important;height:auto!important}
@media(max-width:800px){.single .entry-content>.wp-block-image:first-child,.single .entry-content>figure:first-child{width:100%!important;margin:0 auto 25px!important}}

/* v2.8: give the article hero enough breathing room below the title/meta block. */
.single .entry-content>.wp-block-image:first-child,
.single .entry-content>figure:first-child{margin:30px auto 32px!important}
@media(max-width:800px){.single .entry-content>.wp-block-image:first-child,.single .entry-content>figure:first-child{margin:22px auto 25px!important}}

/* v2.9: separate the hero from the title as part of the content card itself. */
.single .entry-content{padding-top:42px}
.single .entry-content>.wp-block-image:first-child,
.single .entry-content>figure:first-child{margin-top:0!important}
@media(max-width:800px){
  .single .entry-content{padding-top:28px}
  .single .entry-content>.wp-block-image:first-child,
  .single .entry-content>figure:first-child{margin-top:0!important}
}

/* v3.0: true phone-first article canvas. Keep only a 12px outer gutter,
   then make every article block fit its card without horizontal scrolling. */
@media(max-width:800px){
  html,body{overflow-x:hidden}
  body.single .site-content{padding:12px 0 38px!important}
  body.single .site-main,
  body.single .content-area{width:100%!important;max-width:none!important;margin:0!important}
  body.single .inside-article{width:100%!important;margin:0!important;padding:0!important}
  body.single .entry-header,
  body.single .entry-content{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  body.single .entry-header{padding:26px 20px 16px!important;border-radius:16px 16px 0 0}
  body.single .entry-title{font-size:29px!important;line-height:1.28!important;letter-spacing:-1.8px!important;word-break:keep-all;overflow-wrap:anywhere}
  body.single .entry-meta{font-size:12px}
  body.single .entry-content{padding:26px 20px 32px!important;border-radius:0 0 16px 16px;font-size:16px!important;line-height:1.8!important;overflow:hidden}
  body.single .entry-content>.wp-block-image:first-child,
  body.single .entry-content>figure:first-child{width:calc(100% + 40px)!important;max-width:none!important;margin:0 -20px 26px!important}
  body.single .entry-content>.wp-block-image:first-child img,
  body.single .entry-content>figure:first-child img{width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;max-height:none!important;border-radius:0!important}
  body.single .entry-content>p:first-of-type{margin:0 0 27px!important;padding:17px 18px!important;font-size:16px!important;line-height:1.75!important}
  body.single .entry-content h2{margin:40px 0 16px!important;padding-left:12px!important;font-size:23px!important;line-height:1.42!important;letter-spacing:-1.25px!important;word-break:keep-all;overflow-wrap:anywhere}
  body.single .entry-content h3{margin:29px 0 11px!important;font-size:19px!important;line-height:1.5!important}
  body.single .entry-content figure,
  body.single .entry-content .wp-block-image{max-width:100%!important}
  body.single .entry-content img,
  body.single .entry-content iframe,
  body.single .entry-content video,
  body.single .entry-content embed,
  body.single .entry-content object{max-width:100%!important;height:auto}
  body.single .entry-content .wp-block-embed__wrapper{position:relative;width:100%;overflow:hidden}
  body.single .entry-content .adsbygoogle{display:block!important;max-width:100%!important;overflow:hidden!important;margin:30px auto!important}
  body.single .entry-content table{display:block!important;max-width:100%!important;margin:24px 0!important;font-size:13px!important;white-space:nowrap;-webkit-overflow-scrolling:touch}
  body.single .entry-content th,
  body.single .entry-content td{padding:11px!important}
  body.single .entry-footer,
  body.single .comments-area{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  body.single .entry-footer{padding:18px 20px!important}
  body.single .comments-area{padding:25px 20px!important}
  body.archive .site-content{padding:18px 0 42px!important}
  body.archive .site-main{width:calc(100% - 24px)!important;max-width:none!important}
  body.archive .inside-article{padding:18px!important}
  body.archive .page-header{padding:22px!important}
  body.archive .inside-article .post-image a,
  body.archive .inside-article .post-image img{height:180px!important}
}