:root {
--yd-primary: #f54e00;
--yd-primary-active: #d04200;
--yd-ink: #26251e;
--yd-body: #5a5852;
--yd-muted: #807d72;
--yd-muted-soft: #a09c92;
--yd-hairline: #e6e5e0;
--yd-hairline-soft: #efeee8;
--yd-hairline-strong: #cfcdc4;
--yd-canvas: #f7f7f4;
--yd-canvas-soft: #fafaf7;
--yd-surface: #ffffff;
--yd-surface-strong: #e6e5e0;
--yd-on-primary: #ffffff;
--yd-radius-sm: 6px;
--yd-radius-md: 8px;
--yd-radius-lg: 12px;
--yd-radius-xl: 16px;
--yd-radius-pill: 9999px;
--yd-section: clamp(56px, 8vw, 96px);
--yd-gutter: clamp(16px, 3vw, 32px);
--yd-max: 1200px;
--yd-prose: 720px;
--yd-ease: cubic-bezier(0.22, 1, 0.36, 1);
--yd-font: "Pretendard", "Noto Sans KR", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
--yd-mono: "JetBrains Mono", ui-monospace, monospace;
--contrast: #26251e;
--contrast-2: #26251e;
--contrast-3: #5a5852;
--contrast-4: #807d72;
--contrast-5: #a09c92;
--base: #f7f7f4;
--base-2: #ffffff;
--community: #1f8a65;
--primary: #f54e00;
} html { scroll-behavior: auto; }
body {
background:
radial-gradient(1200px 600px at 12% -10%, rgba(245, 78, 0, 0.06), transparent 55%),
radial-gradient(900px 500px at 100% 0%, rgba(38, 37, 30, 0.035), transparent 50%),
var(--yd-canvas) !important;
color: var(--yd-body) !important;
font-family: var(--yd-font) !important;
font-size: 16px;
font-weight: 400;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
opacity: 0.03;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size: 180px 180px;
}
#page,
.site-header,
.site-footer,
.site-content {
position: relative;
z-index: 1;
} a {
color: var(--yd-ink);
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color 0.2s var(--yd-ease);
}
a:hover, a:focus { color: var(--yd-primary); }
h1, h2, h3, h4, h5, h6,
.entry-title,
.gb-headline {
font-family: var(--yd-font) !important;
color: var(--yd-ink) !important;
font-weight: 400 !important;
letter-spacing: -0.025em;
text-transform: none !important;
word-break: keep-all;
overflow-wrap: break-word;
line-break: strict;
} .site-footer .gb-headline,
.gb-container-925a2a1e .gb-headline {
letter-spacing: normal !important;
}
h1, .entry-title {
font-size: clamp(2rem, 4.2vw, 3rem);
line-height: 1.12;
letter-spacing: -0.035em;
}
h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.2; }
h3 { font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.02em; }
h4 { font-size: 1.05rem; line-height: 1.4; font-weight: 600 !important; letter-spacing: 0 !important; }
p, li { color: var(--yd-body); }
code, kbd, pre, .wp-block-code {
font-family: var(--yd-mono) !important;
font-size: 13px;
line-height: 1.55;
}
pre, .wp-block-code {
background: var(--yd-surface) !important;
border: 1px solid var(--yd-hairline);
border-radius: var(--yd-radius-lg);
padding: 20px 22px;
box-shadow: none !important;
}
.grid-container { max-width: var(--yd-max); }
.box-shadow,
.inside-article,
.sidebar .widget { box-shadow: none !important; } .site-header {
background: rgba(247, 247, 244, 0.82) !important;
background-image: none !important;
border-bottom: 1px solid var(--yd-hairline);
position: sticky;
top: 0;
z-index: 200;
backdrop-filter: blur(14px) saturate(1.2);
-webkit-backdrop-filter: blur(14px) saturate(1.2);
transition: border-color 0.25s var(--yd-ease), background 0.25s var(--yd-ease);
}
body.yd-scrolled .site-header {
border-bottom-color: var(--yd-hairline-strong);
background: rgba(247, 247, 244, 0.92) !important;
}
.site-header .inside-header {
padding: 4px 0;
min-height: 48px;
align-items: center;
}
.site-header .header-image,
.site-logo img,
.custom-logo {
max-width: 128px !important;
width: auto !important;
height: auto !important;
transition: opacity 0.2s var(--yd-ease);
}
.site-logo a:hover img { opacity: 0.82; }
.main-navigation .menu-bar-items {
align-items: center;
}
.main-navigation .menu-bar-item a {
padding: 8px 10px !important;
line-height: 1 !important;
}
.main-title a {
color: var(--yd-primary) !important;
font-weight: 500 !important;
font-size: 1.05rem !important;
letter-spacing: -0.03em !important;
text-transform: none !important;
}
.site-description {
color: var(--yd-muted) !important;
text-transform: none !important;
font-size: 12px !important;
letter-spacing: 0.02em !important;
}
.main-navigation,
.main-navigation .inside-navigation,
.main-navigation .main-nav > ul > li > a {
background: transparent !important;
}
.main-navigation { background: transparent !important; }
.main-navigation .main-nav > ul > li > a {
color: var(--yd-ink) !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: -0.01em !important;
padding: 10px 11px !important;
line-height: 1.2 !important;
position: relative;
}
.main-navigation .main-nav > ul > li > a::after {
content: "";
position: absolute;
left: 11px;
right: 11px;
bottom: 6px;
height: 1.5px;
background: var(--yd-primary);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.28s var(--yd-ease);
opacity: 0.9;
}
.main-navigation .main-nav > ul > li:hover > a::after,
.main-navigation .main-nav > ul > li[class*="current"] > a::after {
transform: scaleX(1);
}
.main-navigation .main-nav > ul > li:hover > a,
.main-navigation .main-nav > ul > li[class*="current"] > a {
color: var(--yd-ink) !important;
background: transparent !important;
}
.menu-toggle {
background: transparent !important;
color: var(--yd-ink) !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.menu-toggle .gp-icon,
.menu-toggle .gp-icon svg {
color: var(--yd-ink) !important;
fill: var(--yd-ink) !important;
} .menu-toggle .icon-menu-bars svg:nth-child(2) {
display: none !important;
}
.menu-toggle[aria-expanded="true"] .icon-menu-bars svg:nth-child(1),
.toggled .menu-toggle .icon-menu-bars svg:nth-child(1),
body.slide-opened .menu-toggle .icon-menu-bars svg:nth-child(1) {
display: none !important;
}
.menu-toggle[aria-expanded="true"] .icon-menu-bars svg:nth-child(2),
.toggled .menu-toggle .icon-menu-bars svg:nth-child(2),
body.slide-opened .menu-toggle .icon-menu-bars svg:nth-child(2) {
display: block !important;
}
.slideout-navigation.main-navigation,
.slideout-navigation .main-nav ul li a {
background: var(--yd-canvas) !important;
color: var(--yd-ink) !important;
}
.menu-bar-item a { color: var(--yd-ink) !important; }
.menu-bar-item a:hover { color: var(--yd-primary) !important; } button,
.button,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
.wp-element-button {
background: var(--yd-primary) !important;
color: var(--yd-on-primary) !important;
border: none !important;
border-radius: var(--yd-radius-md) !important;
font-family: var(--yd-font) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1 !important;
padding: 11px 18px !important;
min-height: 40px;
box-shadow: none !important;
transition: background 0.15s var(--yd-ease), transform 0.15s var(--yd-ease);
}
button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
background: var(--yd-primary-active) !important;
transform: translateY(-1px);
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea,
select {
background: var(--yd-surface) !important;
color: var(--yd-ink) !important;
border: 1px solid var(--yd-hairline-strong) !important;
border-radius: var(--yd-radius-md) !important;
padding: 12px 16px !important;
min-height: 44px;
box-shadow: none !important;
transition: border-color 0.15s var(--yd-ease);
}
input:focus, textarea:focus, select:focus {
border-color: var(--yd-ink) !important;
outline: none;
} body.home .site.grid-container {
padding-top: 8px;
padding-bottom: 24px;
}
body.home .gb-container-6b1cec5c,
.gb-container-6b1cec5c {
max-width: var(--yd-max) !important;
margin: 0 auto 0 !important;
padding: clamp(40px, 7vw, 88px) var(--yd-gutter) 28px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
} .gb-headline-53e61500,
body.home h1.gb-headline {
position: relative;
max-width: none;
width: 100%;
color: var(--yd-ink) !important;
font-size: clamp(2.4rem, 6vw, 4rem) !important;
font-weight: 400 !important;
letter-spacing: -0.04em !important;
line-height: 1.15 !important;
margin: 0 !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
line-break: strict !important;
white-space: normal !important;
}
.gb-headline-53e61500::before {
content: "YODAMS";
display: block;
margin-bottom: 18px;
color: var(--yd-primary);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.4;
}
.gb-headline-53e61500::after {
content: "테크의 모든 것, 매일 새로운 눈으로";
display: block;
margin-top: 18px;
max-width: none;
color: var(--yd-body);
font-size: clamp(15px, 1.6vw, 17px);
font-weight: 400;
letter-spacing: 0;
line-height: 1.55;
word-break: keep-all !important;
overflow-wrap: normal !important;
line-break: strict !important;
} .gb-container-0ffa6d8a,
.gb-container-29ddfd6f {
margin: 36px 0 20px !important;
max-width: 280px;
}
.gb-container-f8359acc,
.gb-container-e7f01cb7 {
border-bottom: 2px solid var(--yd-primary) !important;
flex-basis: 56px !important;
}
.gb-container-b3b15a56,
.gb-container-d300a699 {
border-bottom: 1px solid var(--yd-hairline) !important;
} .gb-container-8426392e,
.gb-container-978ab4be,
.gb-container-0b09647e,
.gb-container-07acf0c3,
.gb-query-loop-item > .gb-container[style*="--background-image"] {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
min-height: 300px !important;
height: 100% !important;
max-height: none !important;
max-width: none !important;
width: auto !important;
padding: 20px !important;
overflow: hidden !important;
position: relative !important;
background: var(--yd-ink) !important;
border: 1px solid var(--yd-hairline) !important;
border-radius: var(--yd-radius-lg) !important;
transition: transform 0.4s var(--yd-ease), border-color 0.25s var(--yd-ease);
}
.gb-container-8426392e:hover,
.gb-container-978ab4be:hover,
.gb-container-0b09647e:hover,
.gb-container-07acf0c3:hover,
.gb-query-loop-item > .gb-container[style*="--background-image"]:hover {
transform: translateY(-4px);
border-color: var(--yd-hairline-strong) !important;
} .gb-container-8426392e:before,
.gb-container-978ab4be:before,
.gb-container-0b09647e:before,
.gb-container-07acf0c3:before,
.gb-query-loop-item > .gb-container[style*="--background-image"]:before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
display: block !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background-image: var(--background-image) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
z-index: 0 !important;
pointer-events: none;
transition: transform 0.6s var(--yd-ease) !important;
}
.gb-container-8426392e:hover:before,
.gb-container-978ab4be:hover:before,
.gb-container-0b09647e:hover:before,
.gb-container-07acf0c3:hover:before,
.gb-query-loop-item > .gb-container[style*="--background-image"]:hover:before {
transform: scale(1.04);
} .gb-container-8426392e:after,
.gb-container-978ab4be:after,
.gb-container-0b09647e:after,
.gb-container-07acf0c3:after,
.gb-query-loop-item > .gb-container[style*="--background-image"]:after {
content: "" !important;
display: block !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none;
background-image: linear-gradient(
180deg,
rgba(38, 37, 30, 0.05) 0%,
rgba(38, 37, 30, 0.35) 45%,
rgba(38, 37, 30, 0.88) 100%
) !important;
} .gb-container-123478cd,
.gb-container-e7e8748a,
.gb-container-9b882967,
.gb-container-7caa63b9,
.gb-container-8426392e > .gb-container,
.gb-container-978ab4be > .gb-container,
.gb-container-0b09647e > .gb-container,
.gb-container-07acf0c3 > .gb-container {
position: relative !important;
z-index: 2 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px;
padding: 0 !important;
background: transparent !important;
justify-content: flex-end !important;
} .gb-container-8426392e h3,
.gb-container-8426392e h3 a,
.gb-container-978ab4be h3,
.gb-container-978ab4be h3 a,
.gb-container-0b09647e h3,
.gb-container-0b09647e h3 a,
.gb-container-07acf0c3 h3,
.gb-container-07acf0c3 h3 a,
.gb-container-07acf0c3 h4,
.gb-container-07acf0c3 h4 a,
.gb-headline-a8c661f2,
.gb-headline-a8c661f2 a,
.gb-query-loop-item > .gb-container[style*="--background-image"] h3,
.gb-query-loop-item > .gb-container[style*="--background-image"] h3 a,
.gb-query-loop-item > .gb-container[style*="--background-image"] h4,
.gb-query-loop-item > .gb-container[style*="--background-image"] h4 a {
color: #ffffff !important;
font-family: var(--yd-font) !important;
font-size: clamp(1.05rem, 1.4vw, 1.2rem) !important;
font-weight: 500 !important;
letter-spacing: -0.02em !important;
line-height: 1.35 !important;
text-decoration: none !important;
word-break: keep-all !important;
}
.gb-container-8426392e h3 a:hover,
.gb-container-978ab4be h3 a:hover,
.gb-container-0b09647e h3 a:hover,
.gb-container-07acf0c3 h4 a:hover {
color: rgba(255, 255, 255, 0.85) !important;
} .gb-container-8426392e > .gb-container > p.gb-headline,
.gb-container-978ab4be > .gb-container > p.gb-headline,
.gb-container-0b09647e > .gb-container > p.gb-headline,
.gb-container-07acf0c3 > .gb-container > p.gb-headline,
.gb-query-loop-item > .gb-container[style*="--background-image"] > .gb-container > p.gb-headline {
color: rgba(247, 247, 244, 0.82) !important;
font-family: var(--yd-font) !important;
font-size: 12.5px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
line-height: 1.4 !important;
margin: 0 !important;
}
.gb-container-8426392e > .gb-container > p.gb-headline *,
.gb-container-978ab4be > .gb-container > p.gb-headline *,
.gb-container-0b09647e > .gb-container > p.gb-headline *,
.gb-container-07acf0c3 > .gb-container > p.gb-headline *,
.gb-query-loop-item > .gb-container[style*="--background-image"] > .gb-container > p.gb-headline * {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
}
.gb-container-8426392e .gb-icon svg,
.gb-container-978ab4be .gb-icon svg,
.gb-container-0b09647e .gb-icon svg,
.gb-container-07acf0c3 .gb-icon svg {
fill: currentColor !important;
opacity: 0.85;
} .gb-headline-4b562b20,
.gb-headline-4a8d1aac,
.gb-container-8426392e > .gb-container > p.gb-headline:first-of-type,
.gb-container-978ab4be > .gb-container > p.gb-headline:first-of-type,
.gb-container-0b09647e > .gb-container > p.gb-headline:first-of-type,
.gb-container-07acf0c3 > .gb-container > p.gb-headline:first-of-type {
display: block !important;
margin: 0 0 6px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.gb-headline-4b562b20,
.gb-headline-4b562b20 *,
.gb-headline-4a8d1aac,
.gb-headline-4a8d1aac *,
.gb-container-8426392e .post-term-item,
.gb-container-8426392e .post-term-item a,
.gb-container-978ab4be .post-term-item,
.gb-container-978ab4be .post-term-item a,
.gb-container-0b09647e .post-term-item,
.gb-container-0b09647e .post-term-item a,
.gb-container-07acf0c3 .post-term-item,
.gb-container-07acf0c3 .post-term-item a,
.gb-container-8426392e > .gb-container > p.gb-headline:first-of-type,
.gb-container-8426392e > .gb-container > p.gb-headline:first-of-type *,
.gb-container-978ab4be > .gb-container > p.gb-headline:first-of-type,
.gb-container-978ab4be > .gb-container > p.gb-headline:first-of-type *,
.gb-container-0b09647e > .gb-container > p.gb-headline:first-of-type,
.gb-container-0b09647e > .gb-container > p.gb-headline:first-of-type *,
.gb-container-07acf0c3 > .gb-container > p.gb-headline:first-of-type,
.gb-container-07acf0c3 > .gb-container > p.gb-headline:first-of-type *,
.gb-query-loop-item > .gb-container[style*="--background-image"] .post-term-item,
.gb-query-loop-item > .gb-container[style*="--background-image"] .post-term-item a,
.gb-query-loop-item > .gb-container[style*="--background-image"] > .gb-container > p.gb-headline:first-of-type,
.gb-query-loop-item > .gb-container[style*="--background-image"] > .gb-container > p.gb-headline:first-of-type * {
background: transparent !important;
color: rgba(247, 247, 244, 0.92) !important;
font-family: var(--yd-font) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
line-height: 1.4 !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
} @media (min-width: 1025px) {
.gb-grid-wrapper-1f78f700,
.gb-grid-wrapper-4076b747,
.gb-grid-wrapper-64b8c10b,
.gb-grid-wrapper-d7858a4b,
body.archive .gb-grid-wrapper.ratio-third,
body.category .gb-grid-wrapper.ratio-third {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
margin-left: 0 !important;
width: 100% !important;
}
.gb-grid-wrapper-1f78f700 > .gb-grid-column,
.gb-grid-wrapper-4076b747 > .gb-grid-column,
.gb-grid-wrapper-64b8c10b > .gb-grid-column,
.gb-grid-wrapper-d7858a4b > .gb-grid-column,
.gb-grid-wrapper > .gb-grid-column-8426392e,
.gb-grid-wrapper > .gb-grid-column-978ab4be,
.gb-grid-wrapper > .gb-grid-column-0b09647e,
.gb-grid-wrapper > .gb-grid-column-07acf0c3 {
width: auto !important;
max-width: none !important;
flex: none !important;
padding-left: 0 !important;
padding-bottom: 0 !important;
min-width: 0 !important;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.gb-grid-wrapper-1f78f700,
.gb-grid-wrapper-4076b747,
.gb-grid-wrapper-64b8c10b,
.gb-grid-wrapper-d7858a4b,
body.archive .gb-grid-wrapper.ratio-third,
body.category .gb-grid-wrapper.ratio-third {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
margin-left: 0 !important;
}
.gb-grid-wrapper-1f78f700 > .gb-grid-column,
.gb-grid-wrapper-4076b747 > .gb-grid-column,
.gb-grid-wrapper-64b8c10b > .gb-grid-column,
.gb-grid-wrapper-d7858a4b > .gb-grid-column {
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-bottom: 0 !important;
}
}
@media (max-width: 767px) {
.gb-grid-wrapper-1f78f700,
.gb-grid-wrapper-4076b747,
.gb-grid-wrapper-64b8c10b,
.gb-grid-wrapper-d7858a4b,
body.archive .gb-grid-wrapper.ratio-third,
body.category .gb-grid-wrapper.ratio-third {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-left: 0 !important;
}
}
.gb-query-loop-item {
height: 100%;
} body.home article.page .inside-article,
body.home article.page .entry-content:empty,
body.home #right-sidebar .inside-right-sidebar:empty {
display: none !important;
} body.home #content {
display: none !important;
}
body.home.right-sidebar .site-content .content-area,
body.single.right-sidebar .site-content .content-area,
body.archive.right-sidebar .site-content .content-area,
body.category.right-sidebar .site-content .content-area,
body.single .site-content .content-area {
width: 100% !important;
max-width: 100% !important;
}
body.home #right-sidebar,
body.single #right-sidebar,
body.archive #right-sidebar,
body.category #right-sidebar {
display: none !important;
} .gb-headline-c6e54c13,
.gb-headline-b4a56a30,
.gb-headline-5c3b3482,
.gb-headline-e29c0825,
.gb-headline-de77deb1,
.gb-headline-60258989,
body.home .gb-headline-text:not(h1):not(h3) {
letter-spacing: -0.02em;
} body.home h2.gb-headline,
.gb-headline-c6e54c13.gb-headline-text,
.gb-headline-b4a56a30.gb-headline-text {
font-size: clamp(1.6rem, 3vw, 2.1rem) !important;
letter-spacing: -0.03em !important;
margin-top: clamp(28px, 4vw, 56px) !important;
margin-bottom: 8px !important;
} .separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation {
background: var(--yd-surface) !important;
border: 1px solid var(--yd-hairline);
border-radius: var(--yd-radius-lg);
box-shadow: none !important;
}
body.single .inside-article {
padding: 28px clamp(20px, 4vw, 24px) clamp(28px, 4vw, 48px) !important;
max-width: 760px;
margin-left: auto;
margin-right: auto;
background: transparent !important;
border: none !important;
overflow-x: hidden;
}
body.single .entry-header {
margin-bottom: 28px;
padding-bottom: 24px;
border-bottom: 1px solid var(--yd-hairline);
}
body.single .entry-title {
max-width: none;
font-size: clamp(1.85rem, 3.8vw, 2.75rem) !important;
letter-spacing: -0.035em !important;
line-height: 1.2 !important;
word-break: keep-all !important;
} body.single .inside-article,
body.single .entry-content,
body.single .entry-header {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
color: var(--yd-body);
}
body.single .entry-content,
body.single .entry-content p,
body.single .entry-content li {
color: var(--yd-body) !important;
}
body.single .entry-content h1,
body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4 {
color: var(--yd-ink) !important;
}
body.single .entry-meta {
margin-top: 14px;
color: var(--yd-muted) !important;
font-size: 13px;
}
body.single .entry-meta a { color: var(--yd-muted) !important; }
body.single .entry-meta a:hover { color: var(--yd-primary) !important; } body.single .entry-content {
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 1.85;
color: #3f3e38 !important;
letter-spacing: -0.01em;
}
body.single .entry-content p {
margin-bottom: 1.35em;
color: #3f3e38 !important;
}
body.single .entry-content > p:first-of-type {
font-size: 1.06em;
color: var(--yd-ink) !important;
letter-spacing: -0.015em;
line-height: 1.75;
}
body.single .entry-content li {
color: #3f3e38 !important;
margin-bottom: 0.4em;
}
body.single .entry-content a {
color: var(--yd-ink);
text-decoration: underline;
text-decoration-color: var(--yd-hairline-strong);
text-underline-offset: 3px;
}
body.single .entry-content a:hover {
color: var(--yd-primary);
text-decoration-color: var(--yd-primary);
}
body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4 {
margin-top: 2.4em;
margin-bottom: 0.7em;
color: var(--yd-ink) !important;
line-height: 1.3;
position: relative;
}
body.single .entry-content h2 {
font-size: 1.55rem !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
padding-left: 16px;
border-left: 3px solid var(--yd-primary);
}
body.single .entry-content h3 {
font-size: 1.25rem !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
padding-bottom: 8px;
border-bottom: 1px solid var(--yd-hairline);
}
body.single .entry-content h3::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 48px;
height: 2px;
background: var(--yd-primary);
}
body.single .entry-content h4 {
font-size: 1.08rem !important;
font-weight: 600 !important;
color: var(--yd-ink) !important;
}
body.single .entry-content blockquote {
border-left: 2px solid var(--yd-primary);
background: var(--yd-canvas-soft);
margin: 2em 0;
padding: 1.1em 1.35em;
border-radius: 0 var(--yd-radius-md) var(--yd-radius-md) 0;
color: var(--yd-body);
}
body.single .entry-content img,
body.single .featured-image img,
.post-image img {
border-radius: var(--yd-radius-lg);
max-width: 100% !important;
width: auto !important;
height: auto !important;
} body.single .entry-content .alignwide,
body.single .entry-content .alignfull,
body.single .entry-content .wp-block-image,
body.single .entry-content .wp-block-image.alignwide,
body.single .entry-content .wp-block-image.alignfull,
body.single .entry-content figure,
body.single .entry-content figure.alignwide,
body.single .entry-content figure.alignfull {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.single .entry-content .alignwide img,
body.single .entry-content .alignfull img,
body.single .entry-content .wp-block-image img,
body.single .entry-content figure img {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
body.single .featured-image,
body.single .post-image {
margin-bottom: 28px;
max-width: 100%;
} body.single h1.gb-headline,
body.single .gb-headline-eaaa5bad {
max-width: none;
font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
line-height: 1.2 !important;
letter-spacing: -0.035em !important;
word-break: keep-all !important;
color: var(--yd-ink) !important;
} body.single .gb-container-ab93f50e {
background: transparent !important;
background-image: none !important;
border-bottom: 1px solid var(--yd-hairline) !important;
max-width: 760px !important;
margin: 0 auto !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} body.single .gb-container-3c9826f4 {
background: transparent !important;
padding: 28px var(--yd-gutter) 28px !important;
}
body.single .gb-container-a6b27bbc {
margin-top: 14px !important;
margin-bottom: 0 !important;
gap: 10px !important;
} body.single #page.site,
body.single #page.site.grid-container,
body.single .site-content,
body.single #content,
body.single #primary,
body.single #main,
body.single article.post,
body.single .site-main {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single .inside-article {
padding-top: 28px !important;
margin-top: 0 !important;
}
body.single .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single .entry-content > .wp-block-rank-math-toc-block:first-child,
body.single #rank-math-toc {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single #rank-math-toc > h2:first-child {
margin-top: 0 !important;
}
.page-header .page-title,
.archive .page-header h1,
.category .page-header h1 {
font-weight: 400 !important;
letter-spacing: -0.03em !important;
text-transform: none !important;
} .yd-archive-hero {
max-width: var(--yd-max);
margin: 0 auto;
padding: clamp(36px, 6vw, 72px) var(--yd-gutter) 28px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.yd-archive-eyebrow {
margin: 0 0 18px !important;
color: var(--yd-primary) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
line-height: 1.4 !important;
}
.yd-archive-title {
margin: 0 !important;
color: var(--yd-ink) !important;
font-family: var(--yd-font) !important;
font-size: clamp(2.2rem, 5.5vw, 3.6rem) !important;
font-weight: 400 !important;
letter-spacing: -0.04em !important;
line-height: 1.15 !important;
word-break: keep-all !important;
text-transform: none !important;
}
.yd-archive-support {
margin: 18px 0 0 !important;
max-width: 36em;
color: var(--yd-body) !important;
font-size: clamp(15px, 1.6vw, 17px) !important;
line-height: 1.55 !important;
word-break: keep-all !important;
}
.yd-archive-rule {
display: flex;
margin: 36px 0 8px !important;
max-width: 280px;
gap: 0;
}
.yd-archive-rule span:first-child {
flex: 0 0 56px;
border-bottom: 2px solid var(--yd-primary);
}
.yd-archive-rule span:last-child {
flex: 1 1 auto;
border-bottom: 1px solid var(--yd-hairline);
} body.archive #primary,
body.category #primary,
body.blog #primary {
max-width: var(--yd-max);
margin: 0 auto;
padding: 0 var(--yd-gutter) 24px;
background: transparent !important;
}
body.archive .site-main,
body.category .site-main,
body.blog .site-main {
background: transparent !important;
}
body.archive .site.grid-container,
body.category .site.grid-container {
padding-top: 0;
padding-bottom: 24px;
}
body.archive .page-header,
body.category .page-header {
display: none !important;
} .gb-container-27decfcd {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 40px auto 16px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.gb-button-a2b09af0.page-numbers,
a.page-numbers,
span.page-numbers {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 40px !important;
min-height: 40px !important;
padding: 0 14px !important;
margin: 0 !important;
background: var(--yd-surface) !important;
color: var(--yd-ink) !important;
border: 1px solid var(--yd-hairline-strong) !important;
border-radius: var(--yd-radius-md) !important;
font-family: var(--yd-font) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: background 0.15s var(--yd-ease), border-color 0.15s var(--yd-ease), color 0.15s var(--yd-ease), transform 0.15s var(--yd-ease);
}
a.page-numbers:hover,
a.gb-button-a2b09af0.page-numbers:hover {
background: var(--yd-canvas) !important;
border-color: var(--yd-ink) !important;
color: var(--yd-ink) !important;
transform: translateY(-1px);
}
.page-numbers.current,
.page-numbers.gb-block-is-current,
span.gb-button-a2b09af0.page-numbers.gb-block-is-current {
background: var(--yd-ink) !important;
border-color: var(--yd-ink) !important;
color: var(--yd-canvas) !important;
} .yd-progress {
position: fixed;
top: 0;
left: 0;
height: 2px;
width: 0%;
z-index: 300;
background: var(--yd-primary);
transform-origin: left;
pointer-events: none;
} .site-footer,
body.home .site-footer,
body.archive .site-footer,
body.category .site-footer,
body.single .site-footer,
.site-footer .gb-container-925a2a1e,
.site-footer .gb-container-cbee1dca,
.gb-container-925a2a1e,
.gb-container-cbee1dca,
body.home .gb-container-925a2a1e,
body.archive .gb-container-925a2a1e,
body.category .gb-container-925a2a1e,
body.single .gb-container-925a2a1e {
background: var(--yd-canvas-soft) !important;
background-color: var(--yd-canvas-soft) !important;
color: var(--yd-ink) !important;
border-top: 1px solid var(--yd-hairline) !important;
margin-top: 0 !important;
}
.site-footer .gb-container-925a2a1e {
padding-top: 36px !important;
padding-bottom: 28px !important;
}
.gb-grid-wrapper-51f71b20 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 32px !important;
margin-left: 0 !important;
width: 100% !important;
align-items: start !important;
}
.gb-grid-wrapper-51f71b20 > .gb-grid-column,
.gb-grid-wrapper-51f71b20 > .gb-grid-column-4f4cf5cf,
.gb-grid-wrapper-51f71b20 > .gb-grid-column-ebba7cfe,
.gb-grid-wrapper-51f71b20 > .gb-grid-column-22248123 {
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-bottom: 0 !important;
}
.site-footer .gb-headline,
.site-footer .gb-headline-text,
.site-footer p,
.site-footer a,
.site-footer span,
.gb-container-925a2a1e .gb-headline,
.gb-container-925a2a1e .gb-headline-text,
.gb-container-925a2a1e p,
.gb-container-925a2a1e a,
.gb-container-925a2a1e span {
color: #26251e !important;
font-family: var(--yd-font) !important;
opacity: 1 !important;
background: transparent !important;
} .site-footer h2.gb-headline,
.site-footer h2.gb-headline.gb-headline-text,
.gb-container-925a2a1e h2.gb-headline,
footer.gb-container-925a2a1e h2.gb-headline,
h2.gb-headline-5c3b3482,
h2.gb-headline-60258989,
h2.gb-headline-de77deb1 {
color: #26251e !important;
font-family: var(--yd-font) !important;
font-size: 20px !important;
font-weight: 700 !important;
letter-spacing: normal !important;
text-transform: uppercase !important;
line-height: 1.3 !important;
margin-bottom: 0.6em !important;
}
.site-footer p.gb-headline,
.site-footer p.gb-headline .gb-headline-text,
.site-footer p.gb-headline a,
.gb-container-925a2a1e p.gb-headline,
.gb-container-925a2a1e p.gb-headline a,
p.gb-headline-e29c0825,
p.gb-headline-4301d6b8,
p.gb-headline-2320f1f5,
p.gb-headline-988717b2,
p.gb-headline-b95568a7,
p.gb-headline-d0706c68,
p.gb-headline-7ba631d4,
p.gb-headline-368a465b {
color: #26251e !important;
font-family: var(--yd-font) !important;
font-size: 15px !important;
font-weight: 400 !important;
letter-spacing: normal !important;
text-transform: none !important;
line-height: 1.55 !important;
margin-bottom: 0 !important;
}
.gb-container-925a2a1e .gb-icon,
.gb-container-925a2a1e .gb-icon svg,
.site-footer .gb-icon,
.site-footer .gb-icon svg {
display: inline-block !important;
color: #26251e !important;
fill: currentColor !important;
opacity: 1 !important;
width: 1em !important;
height: 1em !important;
vertical-align: -0.125em;
margin-right: 8px;
}
.site-footer a:hover,
.gb-container-925a2a1e a:hover {
color: var(--yd-primary) !important;
}
.site-info {
padding: 16px 0 !important;
margin: 0 !important;
font-size: 13px !important;
color: var(--yd-body) !important;
background: var(--yd-canvas-soft) !important;
border-top: 1px solid var(--yd-hairline);
}
.site-footer,
.footer-widgets-container,
.site-info,
#colophon {
margin-bottom: 0 !important;
}
#page {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.gb-container-925a2a1e {
padding-top: 36px !important;
padding-bottom: 28px !important;
margin-bottom: 0 !important;
}
body.home .site.grid-container {
padding-bottom: 24px;
}
@media (max-width: 767px) {
.gb-grid-wrapper-51f71b20 {
grid-template-columns: 1fr !important;
gap: 28px !important;
}
} .gb-container-4f4cf5cf {
color: var(--yd-ink) !important;
}
.generate-back-to-top,
.generate-back-to-top:visited {
background: var(--yd-ink) !important;
color: var(--yd-canvas) !important;
border-radius: var(--yd-radius-md) !important;
}
.generate-back-to-top:hover {
background: var(--yd-primary) !important;
color: var(--yd-on-primary) !important;
} .adsbygoogle { border-radius: var(--yd-radius-md); } @keyframes yd-rise {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
body.home .gb-headline-53e61500 {
animation: yd-rise 0.85s var(--yd-ease) both;
}
.yd-reveal {
opacity: 0;
transform: translateY(14px);
transition: opacity 0.65s var(--yd-ease), transform 0.65s var(--yd-ease);
}
.yd-reveal.is-in {
opacity: 1;
transform: translateY(0);
} body.single .inside-article.yd-reveal,
body.single .page-header.yd-reveal {
opacity: 1 !important;
transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation: none !important;
transition: none !important;
}
.yd-reveal { opacity: 1; transform: none; }
} @media (max-width: 768px) {
.gb-container-6b1cec5c {
padding: 36px 16px 12px !important;
}
.gb-headline-53e61500,
body.home h1.gb-headline {
max-width: 100%;
font-size: clamp(2.1rem, 10vw, 2.8rem) !important;
}
.gb-container-8426392e,
.gb-container-978ab4be,
.gb-container-0b09647e {
min-height: 260px !important;
}
body.single .entry-content { font-size: 17px; line-height: 1.8; }
.main-navigation .main-nav > ul > li > a {
padding: 14px 10px !important;
}
} @media (max-width: 910px) {
.site-header {
z-index: 1000 !important;
background: rgba(247, 247, 244, 0.96) !important;
}
.site-header .inside-header {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: stretch !important;
gap: 0 !important;
width: 100% !important;
max-width: 100% !important;
padding: 6px 10px !important;
position: relative !important;
min-height: 48px;
overflow: visible !important;
} .site-header #site-navigation {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: 0 !important;
background: transparent !important;
}
#mobile-menu-control-wrapper {
display: block !important;
flex-direction: row !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
order: 1 !important;
position: relative !important;
z-index: 20 !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
min-height: 44px !important;
} #mobile-menu-control-wrapper .menu-toggle {
position: absolute !important;
left: 0 !important;
right: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
padding: 8px !important;
min-width: 44px !important;
min-height: 44px !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--yd-ink) !important;
box-shadow: none !important;
z-index: 21 !important;
overflow: visible !important;
line-height: 0 !important;
float: none !important;
}
#mobile-menu-control-wrapper .menu-toggle .mobile-menu {
display: none !important;
}
#mobile-menu-control-wrapper .menu-toggle .gp-icon.icon-menu-bars {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
color: var(--yd-ink) !important;
position: relative !important;
width: 1.35em !important;
height: 1.35em !important;
} #mobile-menu-control-wrapper .menu-toggle .icon-menu-bars svg {
margin: 0 !important;
color: var(--yd-ink) !important;
fill: currentColor !important;
opacity: 1 !important;
width: 1.35em !important;
height: 1.35em !important;
}
#mobile-menu-control-wrapper .menu-toggle .icon-menu-bars svg:nth-child(1) {
display: block !important;
}
#mobile-menu-control-wrapper .menu-toggle .icon-menu-bars svg:nth-child(2) {
display: none !important;
}
#mobile-menu-control-wrapper .menu-toggle[aria-expanded="true"] .icon-menu-bars svg:nth-child(1),
body.slide-opened #mobile-menu-control-wrapper .menu-toggle .icon-menu-bars svg:nth-child(1),
.slideout-open #mobile-menu-control-wrapper .menu-toggle .icon-menu-bars svg:nth-child(1) {
display: none !important;
}
#mobile-menu-control-wrapper .menu-toggle[aria-expanded="true"] .icon-menu-bars svg:nth-child(2),
body.slide-opened #mobile-menu-control-wrapper .menu-toggle .icon-menu-bars svg:nth-child(2),
.slideout-open #mobile-menu-control-wrapper .menu-toggle .icon-menu-bars svg:nth-child(2) {
display: block !important;
} #mobile-menu-control-wrapper .menu-bar-items {
display: flex !important;
position: absolute !important;
left: auto !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
margin-left: 0 !important;
align-items: center !important;
z-index: 21 !important;
background: transparent !important;
float: none !important;
}
#mobile-menu-control-wrapper .menu-bar-item a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
min-height: 44px !important;
padding: 8px !important;
color: var(--yd-ink) !important;
background: transparent !important;
}
#mobile-menu-control-wrapper .menu-bar-item .icon-search {
display: inline-flex !important;
width: 1.35em !important;
height: 1.35em !important;
}
#mobile-menu-control-wrapper .menu-bar-item .icon-search svg {
width: 1.35em !important;
height: 1.35em !important;
fill: currentColor !important;
color: var(--yd-ink) !important;
}
#mobile-menu-control-wrapper .menu-bar-item .icon-search svg:nth-child(1) {
display: block !important;
}
#mobile-menu-control-wrapper .menu-bar-item .icon-search svg:nth-child(2) {
display: none !important;
} .sticky-enabled .gen-sidebar-nav,
.site-header .navigation-stick,
.is_stuck {
background: transparent !important;
}
.gb-query-loop-item,
.gb-container-07acf0c3,
.gb-container-8426392e,
article {
z-index: auto !important;
}
} .yd-home-ad {
width: 100%;
max-width: var(--yd-max);
margin: 16px auto;
padding: 0 var(--yd-gutter);
box-sizing: border-box;
text-align: center;
}
.yd-home-ad ins.adsbygoogle {
display: block;
min-height: 90px;
background: transparent;
border: none;
border-radius: var(--yd-radius-lg);
overflow: hidden;
}