/* Shared presentation for the existing content pages. */
:focus-visible{outline:3px solid #ec3b43;outline-offset:4px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:1000;padding:12px 18px;background:#fff;border:2px solid var(--red);border-radius:8px}
.skip-link:focus{top:10px}
#nav a,#site-footer a{text-decoration:none}
#site-footer .wrap{width:100%}
#site-footer p{font-family:var(--body);font-size:14px}
#site-footer ul{padding:0;margin:0}
#site-footer .f-logo{margin-bottom:20px}
.site-inner #main-content{min-height:55vh}
.site-inner #main-content>.inner-banner{padding:64px 0;background:var(--bg2);border-bottom:1px solid var(--line)}
.site-inner .inner-banner h1{text-transform:none;font-size:clamp(32px,4vw,48px);margin:0}
.site-inner .container{max-width:1160px;padding-left:24px;padding-right:24px}
.site-inner #main-content>.about,.site-inner #main-content>.termService{padding:56px 0 80px;background:#fff}
.site-inner .about-content{max-width:860px;margin-bottom:36px;color:var(--ink2)}
.site-inner #main-content h2{font-size:clamp(24px,3vw,32px);margin:32px 0 18px}
.site-inner #main-content h3{font-size:23px;margin:26px 0 14px}
.site-inner #main-content p{font-family:var(--body);font-size:16px;line-height:1.8;margin-bottom:18px}
.site-inner #main-content em{font-style:normal}
.site-inner #main-content li{line-height:1.8;margin-bottom:12px}
.site-inner #main-content ul,.site-inner #main-content ol{padding-left:24px}
.site-inner #main-content a:not(.btn){color:var(--red2);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.site-inner #main-content .arrow h2{width:auto!important;text-decoration:none!important}
.site-inner #main-content .arrow h2 span{display:none}
.site-inner #main-content .section-contact{background:var(--bg2)!important;padding:80px 0}
.site-inner .section-contact .row{margin:0!important}
.site-inner .section-contact .col-md-6{max-width:760px;flex:0 1 760px;padding:36px;background:white;border:1px solid var(--line);border-radius:var(--r)}
.site-inner .section-contact h1{font-size:40px;text-transform:none;margin-bottom:16px}
.site-inner .btn,.site-inner button,.site-inner input,.site-inner select,.site-inner textarea{font-family:var(--body)}
.site-inner .form-control{border:1px solid var(--line2);border-radius:10px;padding:12px;height:auto}
.site-inner table{width:100%;border-collapse:collapse}
.site-inner th,.site-inner td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle}
.site-inner .table-responsive{border:1px solid var(--line);border-radius:var(--r)}
.site-inner .btn-primary,.site-inner .btn-danger{background:var(--red);color:white;border-color:var(--red)}
.site-blog{--color-primary:#ec3b43;--font-body:'Inter',sans-serif;--font-heading:'Plus Jakarta Sans',sans-serif}
.site-blog .blg-main{padding-top:0;min-height:60vh}
.site-blog .blg-index-hero{background:var(--bg2);border-bottom:1px solid var(--line);padding:64px 0}
.site-blog .blg-index-hero-title,.site-blog .blg-post-title,.site-blog .blg-item-title,.site-blog .blg-section-title{font-family:var(--head);color:var(--ink)}
.site-blog .blg-post-title{font-size:clamp(32px,4vw,48px);line-height:1.2}
.site-blog .blg-post-item{border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff;margin-bottom:24px}
.site-blog .blg-post-content{font-family:var(--body);line-height:1.85}
.site-blog .blg-post-content p{margin:0 0 20px}
.site-blog .blg-post-content ul,.site-blog .blg-post-content ol{padding-left:26px}
.site-blog .blg-post-content img{height:auto;border-radius:10px}
.site-blog .blg-tag{background:var(--red-soft);color:var(--red2);border-radius:6px}
.site-blog .blg-item-title a:hover,.site-blog .blg-back{color:var(--red2)}
.site-blog .blg-container{max-width:1160px}
@media(max-width:1100px){.nav-links{gap:12px;font-size:13px}.nav-cta .btn{font-size:12px;padding:9px 10px}}
@media(max-width:980px){.nav-links{display:none}.nav-toggle{display:flex}#nav.open .drawer{display:flex}}
@media(max-width:600px){.site-inner #main-content>.inner-banner{padding:40px 0}.site-inner #main-content>.about,.site-inner #main-content>.termService{padding:32px 0 48px}.site-inner .section-contact{padding:40px 0!important}.site-inner .section-contact .col-md-6{padding:24px}.site-inner th,.site-inner td{padding:10px}.site-blog .blg-post-item{padding:20px}.nav-cta .btn-red{display:none}.nav-in{gap:8px}.nav-logo img.word{max-width:145px;height:auto!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.site-inner #main-content>.contact{padding:48px 0 72px}.site-inner #main-content .contact .container{max-width:940px}
@media(min-width:761px) and (max-width:980px){#nav.open .drawer{flex-direction:column;gap:4px;padding:12px 24px}#nav.open .drawer a{padding:10px 0}}

.site-inner #main-content h1,.site-inner #main-content h2,.site-inner #main-content h3{color:var(--ink);font-family:var(--head)}
.site-inner #main-content p,.site-inner #main-content li,.site-inner #main-content .about{color:var(--ink2)}
.site-inner .about-content .mt-4>span{display:flex;align-items:center;gap:16px}.site-inner .about-content .mt-4>span img{width:42px;height:42px;object-fit:contain}.site-inner .about-content .mt-4>span h2{margin:0!important}

.site-inner .privacy-container{max-width:940px;margin:0 auto;padding:56px 24px 80px}.site-inner .policy-header{padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:32px}.site-inner .policy-section{margin:28px 0}.site-inner .policy-header h1{font-size:clamp(32px,4vw,48px)}

.site-blog{--blg-primary:#ec3b43;--blg-primary-dark:#c92a32;--blg-accent:#ec3b43;--blg-text:#16161a;--blg-muted:#6b6b73;--blg-border:#e6e2db;--blg-bg:#f7f5f2;--blg-serif:var(--body)}
.site-blog .blg-index-hero-title{background:none;-webkit-text-fill-color:var(--ink);color:var(--ink)}
