:root {
    --bg: #ffffff;
    --surface: #ffffff;
    --surface-alt: #f8fafc;
    --text: #0f172a;
    --text-muted: #64748b;
    --border: #e2e8f0;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --on-primary: #ffffff;
    --primary-text: #e11d48;
    --accent: #e11d48;
    --on-accent: #ffffff;
    --accent-text: #e11d48;
    --dark-band: #0f172a;
    --on-dark: #f8fafc;
    --on-dark-muted: #94a3b8;
}

* {
    box-sizing: border-box;
    transition-property: color, background-color, border-color, transform, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

body {
    font-family: 'IBM Plex Sans KR', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.text-muted {
    color: var(--text-muted) !important;
}

.ee-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: var(--primary);
    color: var(--on-primary);
    padding: 0.75rem 1.75rem;
    border-radius: 2px;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.25;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.ee-btn:hover {
    background-color: var(--primary-hover);
    color: var(--on-primary);
}

.ee-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: transparent;
    color: var(--text);
    border: 2px solid var(--text);
    padding: 0.75rem 1.75rem;
    border-radius: 2px;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.25;
    text-decoration: none;
    cursor: pointer;
}

.ee-btn-alt:hover {
    background-color: var(--text);
    color: var(--bg);
}

.ee-card {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-bottom: 3px solid var(--primary);
    border-radius: 2px;
    padding: 1.5rem;
    box-shadow: none;
    display: flex;
    flex-direction: column;
}

.ee-card:hover {
    transform: translateY(-3px);
    border-color: var(--primary);
}

.ee-media {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
    background-color: var(--surface-alt);
}

.ee-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ee-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 0.75rem;
}

.ee-title {
    font-family: 'IBM Plex Sans KR', sans-serif;
    font-weight: 700;
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 1.25rem 0;
}

.ee-title span {
    color: var(--primary);
}

.ee-badge {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 2px;
}

.ee-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--primary);
    color: var(--on-primary);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    font-size: 1.5rem;
    flex-shrink: 0;
}

.ee-section {
    background-color: var(--bg);
    color: var(--text);
    padding: clamp(3.5rem, 6vw, 5.5rem) 1.5rem;
    border-bottom: 1px solid var(--border);
}

.ee-section-alt {
    background-color: var(--surface-alt);
    color: var(--text);
    padding: clamp(3.5rem, 6vw, 5.5rem) 1.5rem;
    border-bottom: 1px solid var(--border);
}

.ee-section-dark {
    background-color: var(--dark-band);
    color: var(--on-dark);
    padding: clamp(3.5rem, 6vw, 5.5rem) 1.5rem;
    border-bottom: 1px solid #334155;
}

.ee-section-dark .ee-title {
    color: var(--on-dark);
}

.ee-section-dark .text-muted {
    color: var(--on-dark-muted) !important;
}

.ee-section-dark .ee-btn-alt {
    border-color: var(--on-dark);
    color: var(--on-dark);
}

.ee-section-dark .ee-btn-alt:hover {
    background-color: var(--on-dark);
    color: var(--dark-band);
}

.ee-section-dark .ee-card {
    background-color: #1e293b;
    color: var(--on-dark);
    border-color: #334155;
    border-bottom: 3px solid var(--primary);
}

.ee-section-dark .ee-card .text-muted {
    color: var(--on-dark-muted) !important;
}

.ee-section-brand {
    background-color: var(--primary);
    color: var(--on-primary);
    padding: clamp(3rem, 5vw, 4.5rem) 1.5rem;
}

.ee-section-brand .ee-btn {
    background-color: var(--dark-band);
    color: var(--on-dark);
}

.ee-section-brand .ee-btn:hover {
    background-color: #1e293b;
}

.ee-section-brand .ee-btn-alt {
    border-color: var(--on-primary);
    color: var(--on-primary);
}

.ee-section-brand .ee-btn-alt:hover {
    background-color: var(--on-primary);
    color: var(--primary);
}

.ee-on-dark {
    color: var(--on-dark);
}

.ee-on-dark .ee-title {
    color: var(--on-dark);
}

.ee-on-dark .text-muted {
    color: var(--on-dark-muted) !important;
}

.ee-on-dark .ee-btn-alt {
    border-color: var(--on-dark);
    color: var(--on-dark);
}

.ee-on-dark .ee-btn-alt:hover {
    background-color: var(--on-dark);
    color: var(--dark-band);
}

/* ===== header ===== */
.site-header {
    font-family: 'IBM Plex Sans KR', sans-serif;
}

.site-header .site-nav-link {
    outline: none;
}

.site-header .js-mobile-menu:not(.hidden) {
    display: block;
}

@media (max-width: 1023px) {
    .site-header .js-mobile-menu a {
        overflow-wrap: anywhere;
    }
}

/* ===== hero ===== */
.hero-gaming-banner {
    border-bottom: 3px solid #e11d48;
}

.hero-gaming-bg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ===== poll ===== */
.ee-section .jax-poll-container label:hover {
    border-color: #e11d48;
}

.ee-section .jax-poll-container input[type="radio"]:checked+span {
    color: #e11d48;
}

@media (max-width: 767px) {
    .ee-section .jax-poll-meta {
        flex-direction: column;
        align-items: stretch;
    }
}

/* ===== what-to-know ===== */
.what-to-know-block {
    overflow-wrap: anywhere;
}

.what-to-know-block .ee-card {
    box-shadow: none;
}

.what-to-know-block .js-issue-card {
    display: flex;
}

.what-to-know-block .js-issue-card.is-hidden {
    display: none;
}

@media (max-width: 767px) {
    .what-to-know-block .js-issues-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== filter buttons: keep active tab readable on hover/focus/press ===== */
.js-issue-filters .js-filter-btn[aria-selected="true"]:hover,
.js-issue-filters .js-filter-btn[aria-selected="true"]:focus-visible,
.js-issue-filters .js-filter-btn[aria-selected="true"]:active {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--on-primary);
}

.reviews-grid-section .js-filter-btn.active-tab:hover,
.reviews-grid-section .js-filter-btn.active-tab:focus-visible,
.reviews-grid-section .js-filter-btn.active-tab:active {
    background-color: var(--primary-hover, #be123c);
    color: var(--on-primary, #ffffff);
}

.js-issue-filters .js-filter-btn:focus-visible,
.reviews-grid-section .js-filter-btn:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* ===== news-grid ===== */
.news-grid-section {
    width: 100%;
}

.news-grid-section .news-grid-card {
    box-shadow: none;
}

.news-grid-section .news-grid-card h3 {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 767px) {
    .news-grid-section .grid {
        grid-template-columns: 1fr;
    }
}

/* ===== reviews-grid ===== */
.reviews-grid-section .reviews-grid-card {
    border-bottom: 3px solid var(--primary, #e11d48);
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.reviews-grid-section .reviews-grid-card:hover {
    transform: translateY(-3px);
    border-color: var(--primary, #e11d48);
}

.reviews-grid-section .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {
    .reviews-grid-section .js-reviews-list {
        grid-template-columns: 1fr;
    }
}

/* ===== articles-grid ===== */
.articles-grid-section .articles-card {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease;
}

.articles-grid-section .articles-card:hover {
    transform: translateY(-3px);
}

.articles-grid-section .ee-media img {
    transition: transform 0.3s ease;
}

.articles-grid-section .ee-media:hover img {
    transform: scale(1.05);
}

@media (max-width: 767px) {
    .articles-grid-section .grid {
        grid-template-columns: 1fr;
    }

    .articles-grid-section h2 {
        font-size: 16px;
    }

    .articles-grid-section h3 {
        font-size: 14px;
    }
}

/* ===== newsletter ===== */
.newsletter-section .newsletter-input {
    background-color: #020617;
    color: #f8fafc;
    border-color: #334155;
}

.newsletter-section .newsletter-input::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.newsletter-section .newsletter-input:focus {
    border-color: #e11d48;
}

.newsletter-section .newsletter-submit {
    background-color: #e11d48;
    color: #ffffff;
}

.newsletter-section .newsletter-submit:hover {
    background-color: #be123c;
}

@media (max-width: 767px) {
    .newsletter-section .newsletter-form .flex-col {
        flex-direction: column;
    }
}

/* ===== footer ===== */
.jaxmori-footer {
    font-family: 'IBM Plex Sans KR', sans-serif;
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box
}

.jaxmori-footer * {
    box-sizing: border-box
}

.jaxmori-footer__logo-badge {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
}

.jaxmori-footer__link {
    overflow-wrap: anywhere;
    word-break: keep-all
}

.jaxmori-footer__link:focus-visible {
    outline: 2px solid #fb7185;
    outline-offset: 2px
}

@media (max-width:767px) {
    .jaxmori-footer .grid {
        grid-template-columns: 1fr;
        gap: 2rem
    }
}

body {
    font-family: 'IBM Plex Sans KR', sans-serif;
    overflow-x: hidden;
}

.site-header {
    font-family: 'IBM Plex Sans KR', sans-serif;
}

.site-header .site-nav-link {
    outline: none;
}

.site-header .js-mobile-menu:not(.hidden) {
    display: block;
}

@media (max-width: 1023px) {
    .site-header .js-mobile-menu a {
        overflow-wrap: anywhere;
    }
}

.jaxmori-footer {
    font-family: 'IBM Plex Sans KR', sans-serif;
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.jaxmori-footer * {
    box-sizing: border-box;
}

.jaxmori-footer__logo-badge {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.jaxmori-footer__link {
    overflow-wrap: anywhere;
    word-break: keep-all;
}

.jaxmori-footer__link:focus-visible {
    outline: 2px solid #fb7185;
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .jaxmori-footer .grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .category-listing .js-cards-grid {
        grid-template-columns: 1fr;
    }
}

.category-listing .ee-card {
    box-shadow: none;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.category-listing .ee-card a {
    color: inherit;
    text-decoration: none;
}


/* ===== PAGE: privacy ===== */
.policy-content { padding: 2rem 1.25rem; color: var(--text, #0f172a); line-height: 1.7; overflow-wrap: anywhere; word-break: break-word; } .policy-content .policy-meta-badge { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem 0.75rem; background-color: var(--surface-subtle, #f1f5f9); color: var(--primary-text, #e11d48); font-size: 0.8125rem; font-weight: 600; border-radius: 2px; border-left: 3px solid var(--primary, #e11d48); margin-bottom: 2rem; } .policy-content h2 { color: var(--text, #0f172a); font-size: 1rem; font-weight: 700; line-height: 1.35; margin-top: 2.25rem; margin-bottom: 0.875rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border, #e2e8f0); } @media (min-width: 768px) { .policy-content { padding: 3.5rem 2rem; } .policy-content h2 { font-size: 1.375rem; margin-top: 2.75rem; } } .policy-content p { color: var(--text-muted, #475569); font-size: 0.9375rem; line-height: 1.75; margin-bottom: 1rem; } .policy-content ul { list-style-type: disc; padding-left: 1.25rem; margin-bottom: 1.25rem; } .policy-content li { color: var(--text-muted, #475569); font-size: 0.9375rem; line-height: 1.7; margin-bottom: 0.5rem; } .policy-content strong { color: var(--text, #0f172a); font-weight: 600; }

/* ===== PAGE: terms ===== */
.policy-content{color:var(--text,#0f172a);line-height:1.65;font-family:'IBM Plex Sans KR',sans-serif;overflow-wrap:anywhere}.policy-content .policy-card{background:var(--surface,#ffffff);border:1px solid var(--border,#e2e8f0);border-bottom:3px solid var(--primary,#e11d48);border-radius:2px;padding:1.5rem;margin-bottom:1.5rem}.policy-content .policy-heading{color:var(--text,#0f172a);font-size:16px;font-weight:700;line-height:1.3;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border,#e2e8f0)}@media (min-width:768px){.policy-content .policy-heading{font-size:20px}}.policy-content .policy-text{color:var(--text-muted,#475569);font-size:0.95rem;line-height:1.6;margin-bottom:0.75rem}.policy-content .policy-list{list-style-type:disc;padding-left:1.25rem;margin-bottom:0.5rem;color:var(--text-muted,#475569);font-size:0.95rem}.policy-content .policy-list li{margin-bottom:0.5rem;line-height:1.55}.policy-content .policy-list li strong{color:var(--text,#0f172a)}

/* ===== PAGE: disclaimer ===== */
.policy-content{max-width:100%;overflow-wrap:anywhere;word-break:keep-all;line-height:1.7;color:var(--text,#0f172a);background:transparent}.policy-content *{box-sizing:border-box}.policy-content .policy-meta-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border,#e2e8f0)}.policy-content .policy-badge{display:inline-block;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:700;color:var(--on-primary,#ffffff);background-color:var(--primary,#e11d48);border-radius:2px;letter-spacing:0.05em;text-transform:uppercase}.policy-content .policy-date{margin:0;font-size:0.875rem;font-weight:500;color:var(--text-muted,#64748b)}.policy-content .policy-intro-box{padding:1.5rem;background-color:var(--surface-alt,#f8fafc);border:1px solid var(--border,#e2e8f0);border-left:3px solid var(--primary,#e11d48);border-radius:2px;margin-bottom:2.5rem}.policy-content .policy-intro-box p{margin:0;font-size:0.9375rem;line-height:1.75;color:var(--text,#0f172a)}.policy-content .policy-section{margin-bottom:2.25rem}.policy-content h2{font-size:16px;line-height:1.35;font-weight:700;color:var(--text,#0f172a);margin-top:0;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border,#e2e8f0);position:relative}.policy-content h2::after{content:'';position:absolute;bottom:-1px;left:0;width:32px;height:2px;background-color:var(--primary,#e11d48)}.policy-content p{margin-top:0;margin-bottom:1rem;font-size:0.9375rem;color:var(--text,#0f172a)}.policy-content ul{margin-top:0.5rem;margin-bottom:1.25rem;padding-left:1.25rem;list-style:disc}.policy-content li{margin-bottom:0.5rem;font-size:0.9375rem;line-height:1.65;color:var(--text,#0f172a)}.policy-content li::marker{color:var(--primary,#e11d48)}@media(min-width:768px){.policy-content h2{font-size:22px}.policy-content .policy-intro-box{padding:1.75rem 2rem}}

/* ===== PAGE: cookies ===== */
.policy-content { width: 100%; max-width: 1280px; margin: 0 auto; padding: clamp(2rem, 4vw, 4rem) 1.5rem; color: var(--text, #0f172a); font-family: 'IBM Plex Sans KR', sans-serif; overflow-wrap: anywhere; word-break: break-word; } .policy-content .policy-article { display: flex; flex-direction: column; gap: clamp(2rem, 3.5vw, 3rem); } .policy-content .policy-section-block { display: flex; flex-direction: column; gap: 1rem; } .policy-content .policy-eyebrow-wrapper { display: inline-flex; align-items: center; justify-content: flex-start; gap: 0.5rem; margin-bottom: 0.25rem; } .policy-content .policy-mini-badge { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary, #e11d48); } .policy-content .policy-title-lead { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--text, #0f172a); margin: 0; } @media (min-width: 768px) { .policy-content .policy-title-lead { font-size: 28px; } } .policy-content .policy-subtitle { font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--text, #0f172a); display: flex; align-items: center; gap: 0.75rem; margin: 0; } @media (min-width: 768px) { .policy-content .policy-subtitle { font-size: 20px; } } .policy-content .policy-num-badge { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; background-color: var(--primary, #e11d48); color: #ffffff; font-size: 0.75rem; font-weight: 700; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); flex-shrink: 0; } .policy-content .policy-text-desc { font-size: 0.9375rem; line-height: 1.65; color: var(--text-muted, #475569); margin: 0; } .policy-content .policy-cards-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 0.5rem; } @media (min-width: 768px) { .policy-content .policy-cards-grid { grid-template-columns: repeat(2, 1fr); } } .policy-content .policy-card-item { background-color: var(--surface-subtle, #f8fafc); border: 1px solid var(--border, #e2e8f0); border-bottom: 3px solid var(--primary, #e11d48); border-radius: 2px; padding: 1.5rem; display: flex; flex-direction: column; gap: 0.75rem; } .policy-content .policy-card-title { font-size: 14px; font-weight: 600; color: var(--text, #0f172a); display: flex; align-items: center; gap: 0.5rem; margin: 0; } @media (min-width: 768px) { .policy-content .policy-card-title { font-size: 16px; } } .policy-content .policy-card-desc { font-size: 0.875rem; line-height: 1.6; color: var(--text-muted, #475569); margin: 0; } .policy-content .policy-info-box { background-color: var(--surface-subtle, #f8fafc); border: 1px solid var(--border, #e2e8f0); border-radius: 2px; padding: 1.25rem 1.5rem; } .policy-content .policy-list-items { list-style: disc; padding-left: 1.25rem; margin: 0; display: flex; flex-direction: column; gap: 0.625rem; font-size: 0.875rem; line-height: 1.6; color: var(--text-muted, #475569); } .policy-content .policy-list-items strong { color: var(--text, #0f172a); }

/* ===== PAGE: about ===== */
.about-page-wrapper .hexagon-icon{width:56px;height:56px;background-color:var(--primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.about-page-wrapper .about-card-dark{background-color:#1e293b;border-bottom:3px solid var(--primary);transition:transform 200ms cubic-bezier(0.4,0,0.2,1);min-height:100%}.about-page-wrapper .about-card-dark:hover{transform:translateY(-3px)}@media (max-width:767px){.about-page-wrapper .about-card-dark{margin-bottom:0.5rem}}

/* ===== PAGE: contact ===== */
.jx-contact-section select {
  background-image: none;
}
.jx-contact-section input::placeholder,
.jx-contact-section textarea::placeholder {
  color: #94a3b8;
  opacity: 1;
}
.jx-contact-section input:focus,
.jx-contact-section select:focus,
.jx-contact-section textarea:focus {
  box-shadow: none;
}

.editorial-comment-card {
    transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.editorial-comment-card .comment-avatar {
    width: 48px;
    height: 48px;
    min-width: 48px;
    object-fit: cover;
}

.editorial-comment-card .comment-action-btn {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.editorial-reply-card {
    border-radius: 2px;
}

.editorial-reply-card .reply-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    object-fit: cover;
}

.editorial-reply-card .reply-action-btn {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}


/* ===== PAGE TEMPLATE: news, reviews, articles ===== */
.site-header {
    font-family: 'IBM Plex Sans KR', sans-serif;
}

.site-header .site-nav-link {
    outline: none;
}

.site-header .js-mobile-menu:not(.hidden) {
    display: block;
}

@media (max-width: 1023px) {
    .site-header .js-mobile-menu a {
        overflow-wrap: anywhere;
    }
}

.jaxmori-footer {
    font-family: 'IBM Plex Sans KR', sans-serif;
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.jaxmori-footer * {
    box-sizing: border-box;
}

.jaxmori-footer__logo-badge {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.jaxmori-footer__link {
    overflow-wrap: anywhere;
    word-break: keep-all;
}

.jaxmori-footer__link:focus-visible {
    outline: 2px solid #fb7185;
    outline-offset: 2px;
}

@media (max-width:767px) {
    .jaxmori-footer .grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

.editorial-article-page .article-body-content p {
    overflow-wrap: anywhere;
    word-break: keep-all;
}

.editorial-article-page .article-body-content h2,
.editorial-article-page .article-body-content h3 {
    overflow-wrap: anywhere;
}

.editorial-comment-card .comment-avatar,
.editorial-reply-card .reply-avatar {
    aspect-ratio: 1/1;
}

/* mobile-text-guard */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, label {
    overflow-wrap: anywhere;
  }
  a, button, .btn {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  img, video, iframe {
    max-width: 100%;
  }
}