:root { --color-ink: #1A1A1F; --color-paper: #FFFFFF; --color-accent-pink: #FF5E83; --color-accent-coral: #FFA66B; --color-link: #D8345C; --color-text-secondary: #6F6F6F; --color-border: #D5D5D5; --color-surface: #F5F5F5;  --gradient-brand: linear-gradient(90deg, #FF5E83 0%, #FF6883 50%, #FFA66B 100%);
--gradient-brand-135: linear-gradient(135deg, #FF5E83 0%, #FF6883 50%, #FFA66B 100%); --color-bg: var(--color-paper);
--color-bg-subtle: var(--color-surface);
--color-text: var(--color-ink);
--color-text-muted: var(--color-text-secondary); --color-cta-bg: var(--gradient-brand);
--color-on-accent: var(--color-paper); --color-accent-graphic: var(--color-accent-pink); --color-focus-ring: #D8345C;
--color-state-error: #D8345C; --color-overlay: rgba(26, 26, 31, .56);
--color-disabled-text: #6F6F6F;
--color-disabled-bg: #F5F5F5; --font-sans-jp: "Noto Sans JP", system-ui, sans-serif; --font-sans-latin: "Inter", system-ui, "Noto Sans JP", sans-serif;  --font-size-h1: 40px; --font-size-h2: 28px; --font-size-body: 17px; --font-size-h3: 22px; --font-size-h4: 19px; --font-size-lead: 19px; --font-size-small: 15px; --font-size-caption: 13px; --font-size-label: 13px; --font-weight-bold: 700;
--font-weight-medium: 500;
--font-weight-regular: 400; --line-height-body: 1.9;
--line-height-heading: 1.4;
--line-height-tight: 1.25;
--letter-spacing-body: 0.02em;
--letter-spacing-tagline: 0.12em; --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
--space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --container-max: 1200px; --container-article: 720px; --grid-gutter: 16px; --tap-target-min: 44px;  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;
--shadow-sm: 0 1px 2px rgba(26, 26, 31, .06);
--shadow-md: 0 4px 16px rgba(26, 26, 31, .10);
--shadow-focus: 0 0 0 3px rgba(216, 52, 92, .45);  --logo-min-width: 132px; --logo-aspect: 252 / 43;  --header-height: 56px; }  *, *::before, *::after { box-sizing: border-box; }
html {
font-size: 100%; -webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
font-family: var(--font-sans-jp);
font-size: var(--font-size-body);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-body);
letter-spacing: var(--letter-spacing-body);
color: var(--color-text);
background: var(--color-bg);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
img, svg, picture, video { max-width: 100%; height: auto; display: block; }
a { color: var(--color-link); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, p, ul, ol, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button { font: inherit; color: inherit; cursor: pointer; }
[hidden] { display: none !important; } .is-latin { font-family: var(--font-sans-latin); } .visually-hidden {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
} :focus-visible {
outline: 2px solid var(--color-focus-ring);
outline-offset: 2px;
border-radius: var(--radius-sm);
} a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.chip:focus-visible,
.card:focus-visible,
.card a:focus-visible,
.field:focus-visible,
input:focus-visible {
outline-color: transparent;
box-shadow: var(--shadow-focus);
} @media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
}
} .container {
width: 100%;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--space-4); }
.container--article { max-width: var(--container-article); }
.section { padding-block: var(--space-7); } .section--tight { padding-block: var(--space-6); }
.section--subtle { background: var(--color-bg-subtle); }
.stack > * + * { margin-top: var(--space-4); }
.stack-lg > * + * { margin-top: var(--space-6); } .grid { display: grid; gap: var(--grid-gutter); grid-template-columns: 1fr; } .h1, h1 {
font-family: var(--font-sans-jp);
font-size: var(--font-size-h1);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-tight);
letter-spacing: 0.01em;
}
.h2, h2 {
font-size: var(--font-size-h2);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-heading);
}
.h3, h3 {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-heading);
}
.h4, h4 {
font-size: var(--font-size-h4);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-heading);
}
.lead {
font-size: var(--font-size-lead);
color: var(--color-text);
line-height: 1.8;
}
.text-body { font-size: var(--font-size-body); line-height: var(--line-height-body); }
.text-small { font-size: var(--font-size-small); }
.text-caption { font-size: var(--font-size-caption); color: var(--color-text-muted); }
.text-muted { color: var(--color-text-muted); }  .prose { font-size: var(--font-size-body); line-height: var(--line-height-body); }
.prose p + p { margin-top: var(--space-5); }
.prose a { color: var(--color-link); text-decoration: underline; } .section-title {
text-align: center;
margin-bottom: var(--space-6);
}
.section-title__eyebrow {
font-family: var(--font-sans-latin);
font-size: var(--font-size-label);
font-weight: var(--font-weight-bold);
letter-spacing: var(--letter-spacing-tagline);
text-transform: uppercase;
color: var(--color-link);
display: block;
margin-bottom: var(--space-2);
}
.section-title__lead {
margin-top: var(--space-3);
color: var(--color-text-muted);
font-size: var(--font-size-small);
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
min-height: var(--tap-target-min); padding: 10px var(--space-5);
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
background: var(--color-paper);
color: var(--color-ink);
font-family: var(--font-sans-jp);
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
line-height: 1.2;
text-decoration: none;
transition: box-shadow .15s ease, transform .1s ease, background-color .15s ease;
}
.btn:hover { box-shadow: var(--shadow-md); text-decoration: none; }
.btn:active { transform: translateY(1px); } .btn--primary {
background: var(--gradient-brand);
color: var(--color-on-accent);
border-color: transparent;
}
.btn--primary:hover { box-shadow: var(--shadow-md); filter: brightness(1.03); } .btn--ink {
background: var(--color-ink);
color: var(--color-on-accent);
border-color: transparent;
} .btn--outline {
background: transparent;
color: var(--color-ink);
border-color: var(--color-ink);
} .btn--on-accent {
background: var(--color-paper);
color: var(--color-ink);
border-color: transparent;
}
.btn--on-accent:hover { box-shadow: var(--shadow-md); filter: brightness(1.02); }
.btn--on-accent-outline {
background: transparent;
color: var(--color-on-accent);
border-color: rgba(255, 255, 255, .8);
}
.btn--on-accent-outline:hover { background: rgba(255, 255, 255, .12); text-decoration: none; }
.btn--block { width: 100%; }
.btn[aria-disabled="true"], .btn:disabled {
background: var(--color-disabled-bg);
color: var(--color-disabled-text);
border-color: var(--color-border);
cursor: not-allowed;
box-shadow: none;
filter: none;
} .site-header {
position: sticky;
top: 0;
z-index: 100;
background: var(--color-paper);
border-bottom: 1px solid var(--color-border);
}
.site-header__inner {
display: flex;
align-items: center;
gap: var(--space-4);
min-height: var(--header-height);
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--space-4);
} .site-header__logo {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.site-header__logo img {
width: clamp(132px, 38vw, 168px); height: auto;
}
.site-header__spacer { flex: 1 1 auto; } .gnav { display: none; } .gnav__list { display: flex; align-items: center; gap: var(--space-5); }
.gnav__link {
display: inline-flex;
align-items: center;
min-height: var(--tap-target-min);
color: var(--color-ink);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-small);
}
.gnav__link:hover { color: var(--color-link); text-decoration: none; }
.gnav__link[aria-current="page"] {
color: var(--color-link);
box-shadow: inset 0 -2px 0 var(--color-link);
}
.gnav__link--muted { color: var(--color-text-muted); }  .header-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--tap-target-min);
height: var(--tap-target-min);
border: 1px solid transparent;
border-radius: var(--radius-sm);
background: transparent;
color: var(--color-ink);
}
.header-icon:hover { background: var(--color-surface); }
.header-menu-toggle { display: inline-flex; }  .gnav-drawer {
border-top: 1px solid var(--color-border);
background: var(--color-paper);
padding: var(--space-3) var(--space-4) var(--space-5);
}
.gnav-drawer__list > li + li { border-top: 1px solid var(--color-border); }
.gnav-drawer__link {
display: flex;
align-items: center;
min-height: var(--tap-target-min);
padding-block: var(--space-2);
color: var(--color-ink);
font-weight: var(--font-weight-medium);
} .hero {
position: relative;
background: var(--gradient-brand-135); color: var(--color-on-accent);
overflow: hidden;
}
.hero__inner {
max-width: var(--container-max);
margin-inline: auto;
padding: var(--space-8) var(--space-4); position: relative;
z-index: 1;
}
.hero__eyebrow {
font-family: var(--font-sans-latin);
font-size: var(--font-size-label);
font-weight: var(--font-weight-bold);
letter-spacing: var(--letter-spacing-tagline);
text-transform: uppercase;
opacity: .95;
margin-bottom: var(--space-3);
}
.hero__title {
font-size: var(--font-size-h1);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-tight);
color: var(--color-on-accent);
margin: 0 0 var(--space-4);
}
.hero__lead {
font-size: var(--font-size-lead);
line-height: 1.8;
max-width: 36em;
margin: 0 0 var(--space-6);
color: var(--color-on-accent);
}
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }  .card {
display: flex;
flex-direction: column;
background: var(--color-paper);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
overflow: hidden;
transition: box-shadow .15s ease, transform .1s ease;
height: 100%;
}
.card:hover { box-shadow: var(--shadow-md); }
.card:hover .card__title { text-decoration: underline; } .card__media {
position: relative;
aspect-ratio: 16 / 9;
background: var(--color-surface);
}
.card__media img { width: 100%; height: 100%; object-fit: cover; }
.card__body {
display: flex;
flex-direction: column;
gap: var(--space-3);
padding: var(--space-4);
flex: 1 1 auto;
}
.card__category {
font-family: var(--font-sans-latin);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--color-link);
}
.card__title {
font-size: var(--font-size-h4);
font-weight: var(--font-weight-bold);
line-height: 1.5;
color: var(--color-ink); }
.card__title a { color: inherit; text-decoration: none; } .card__title a::after {
content: "";
position: absolute;
inset: 0;
}
.card__excerpt {
font-size: var(--font-size-small);
color: var(--color-text);
line-height: 1.7;
}
.card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2) var(--space-3);
font-size: var(--font-size-caption);
color: var(--color-text-muted);
margin-top: auto;
}
.card__meta time { font-family: var(--font-sans-latin); }
.card { position: relative; }  .card--row { flex-direction: row; }
.card--row .card__media { flex: 0 0 40%; aspect-ratio: 4 / 3; }
.card--row .card__body { flex: 1 1 auto; } .card--compact .card__media { aspect-ratio: 3 / 2; }
.card--compact .card__title { font-size: var(--font-size-body); } .card--interview .card__author,
.card--school .card__school { }
.card--textbook .card__category { color: var(--color-link); } .hub-entry {
position: relative;
display: flex;
flex-direction: column;
gap: var(--space-3);
padding: var(--space-6);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-paper);
text-decoration: none;
color: var(--color-ink);
transition: box-shadow .15s ease, border-color .15s ease;
height: 100%;
}
.hub-entry:hover { box-shadow: var(--shadow-md); border-color: var(--color-ink); text-decoration: none; }
.hub-entry__label {
font-family: var(--font-sans-latin);
font-size: var(--font-size-label);
font-weight: var(--font-weight-bold);
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--color-link);
}
.hub-entry__title { font-size: var(--font-size-h3); font-weight: var(--font-weight-bold); line-height: 1.4; }
.hub-entry__desc { font-size: var(--font-size-small); color: var(--color-text); line-height: 1.7; }
.hub-entry__more {
margin-top: auto;
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
color: var(--color-link);
}
.hub-entry__more::after { content: " →"; } .hub-entry--primary { border-left: 4px solid transparent; border-image: var(--gradient-brand) 1; } .hub-entry--sub { background: var(--color-surface); } .chip-list { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.chip {
display: inline-flex;
align-items: center;
gap: var(--space-1);
min-height: 32px; padding: 4px var(--space-3);
border-radius: var(--radius-pill);
background: var(--color-surface);
color: var(--color-ink); font-family: var(--font-sans-jp);
font-size: var(--font-size-label);
line-height: 1.3;
text-decoration: none;
border: 1px solid transparent;
}
.chip:hover { border-color: var(--color-link); color: var(--color-link); text-decoration: none; }
.chip__axis { color: var(--color-text-muted); font-size: var(--font-size-caption); } .chip--more { background: transparent; color: var(--color-link); font-weight: var(--font-weight-bold); }  .author-meta {
display: flex;
align-items: center;
gap: var(--space-4);
}
.author-meta__avatar {
flex: 0 0 auto;
width: 56px; height: 56px;
border-radius: var(--radius-pill);
background: var(--color-surface); object-fit: cover;
display: grid;
place-items: center;
color: var(--color-text-muted);
font-weight: var(--font-weight-bold);
overflow: hidden;
}
.author-meta__name { font-size: var(--font-size-h4); font-weight: var(--font-weight-bold); color: var(--color-ink); }
.author-meta__role { font-size: var(--font-size-small); color: var(--color-text-muted); }
.author-meta--lg .author-meta__avatar { width: 72px; height: 72px; }
.school-meta { display: flex; flex-direction: column; gap: var(--space-2); }
.school-meta__name { font-size: var(--font-size-h4); font-weight: var(--font-weight-bold); color: var(--color-ink); }
.school-meta__row { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); font-size: var(--font-size-small); color: var(--color-text-muted); }
.school-meta__label { color: var(--color-text-muted); }
.school-meta__value { color: var(--color-ink); } .compare-wrap { width: 100%; } .compare-cards { display: grid; gap: var(--space-4); grid-template-columns: 1fr; }
.compare-card {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-paper);
padding: var(--space-4);
}
.compare-card__title { font-size: var(--font-size-h4); font-weight: var(--font-weight-bold); color: var(--color-ink); margin-bottom: var(--space-3); }
.compare-card__title a { color: inherit; text-decoration: none; }
.compare-card__title a:hover { color: var(--color-link); text-decoration: underline; }
.compare-card__row {
display: grid;
grid-template-columns: 6em 1fr;
gap: var(--space-2);
padding-block: var(--space-2);
border-top: 1px solid var(--color-border);
font-size: var(--font-size-small);
}
.compare-card__label { color: var(--color-text-muted); }
.compare-card__value { color: var(--color-ink); } .compare-table {
width: 100%;
border-collapse: collapse;
font-size: var(--font-size-small);
}
.compare-table caption { text-align: left; color: var(--color-text-muted); font-size: var(--font-size-caption); margin-bottom: var(--space-2); }
.compare-table th, .compare-table td {
padding: var(--space-3) var(--space-4);
text-align: left;
border-bottom: 1px solid var(--color-border);
vertical-align: top;
}
.compare-table thead th {
font-weight: var(--font-weight-bold);
color: var(--color-ink);
background: var(--color-surface);
white-space: nowrap;
}
.compare-table tbody tr:hover { background: var(--color-surface); }
.compare-table th[scope="row"] { font-weight: var(--font-weight-bold); color: var(--color-ink); }
.compare-table a { color: var(--color-link); }
.compare-table .is-empty { color: var(--color-text-muted); }  .compare-table--scroll { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .facet { display: flex; flex-direction: column; gap: var(--space-4); }
.facet__group { display: flex; flex-direction: column; gap: var(--space-3); }
.facet__legend { font-size: var(--font-size-small); font-weight: var(--font-weight-bold); color: var(--color-ink); }
.facet__pills { display: flex; flex-wrap: wrap; gap: var(--space-2); } .facet-pill {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-height: var(--tap-target-min);
padding: 6px var(--space-4);
border-radius: var(--radius-pill);
border: 1px solid var(--color-border);
background: var(--color-paper);
color: var(--color-ink);
font-size: var(--font-size-small);
text-decoration: none;
}
.facet-pill:hover { border-color: var(--color-link); color: var(--color-link); text-decoration: none; }
.facet-pill__count { color: var(--color-text-muted); font-family: var(--font-sans-latin); font-size: var(--font-size-caption); } .facet-pill[aria-pressed="true"], .facet-pill.is-selected {
background: var(--color-ink);
color: var(--color-on-accent);
border-color: var(--color-ink);
}
.facet-pill[aria-pressed="true"] .facet-pill__count,
.facet-pill.is-selected .facet-pill__count { color: var(--color-on-accent); } .facet-sheet-trigger { display: inline-flex; } .bottom-sheet-overlay { position: fixed; inset: 0; background: var(--color-overlay); z-index: 200; }
.bottom-sheet {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 201;
background: var(--color-paper);
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
box-shadow: var(--shadow-md);
padding: var(--space-5) var(--space-4) var(--space-6);
max-height: 80vh; overflow: auto;
} .faq { border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; background: var(--color-paper); }
.faq__item + .faq__item { border-top: 1px solid var(--color-border); }
.faq__q {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
min-height: var(--tap-target-min);
padding: var(--space-4);
background: transparent;
border: 0;
text-align: left;
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
color: var(--color-ink);
}
.faq__q:hover { background: var(--color-surface); }
.faq__icon { flex: 0 0 auto; transition: transform .15s ease; color: var(--color-link); }
.faq__q[aria-expanded="true"] .faq__icon { transform: rotate(45deg); }
.faq__a {
padding: 0 var(--space-4) var(--space-4);
font-size: var(--font-size-small);
line-height: 1.8;
color: var(--color-text);
}
.faq__a[hidden] { display: none; } .breadcrumb { padding-block: var(--space-3); }
.breadcrumb__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
font-size: var(--font-size-caption);
}
.breadcrumb__list a { color: var(--color-link); }
.breadcrumb__sep { color: var(--color-text-muted); } .breadcrumb__current { color: var(--color-text-muted); }  .cta {
background: var(--gradient-brand-135);
color: var(--color-on-accent);
border-radius: var(--radius-lg);
padding: var(--space-7) var(--space-5);
text-align: center;
}
.cta__title { font-size: var(--font-size-h2); font-weight: var(--font-weight-bold); color: var(--color-on-accent); line-height: 1.4; margin: 0 0 var(--space-3); }
.cta__lead { font-size: var(--font-size-body); line-height: 1.8; color: var(--color-on-accent); max-width: 36em; margin: 0 auto var(--space-5); } .cta__magnet {
display: inline-flex;
align-items: center;
gap: var(--space-3);
background: rgba(255, 255, 255, .14);
border: 1px solid rgba(255, 255, 255, .35);
border-radius: var(--radius-md);
padding: var(--space-3) var(--space-4);
margin-bottom: var(--space-5);
font-size: var(--font-size-small);
color: var(--color-on-accent);
} .cta__form { display: flex; flex-direction: column; gap: var(--space-3); max-width: 30em; margin-inline: auto; }
.field {
width: 100%;
min-height: var(--tap-target-min);
padding: 10px var(--space-4);
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
background: var(--color-paper);
color: var(--color-ink);
font: inherit;
font-size: var(--font-size-body);
}
.field::placeholder { color: var(--color-text-muted); }
.cta__note { font-size: var(--font-size-caption); color: var(--color-on-accent); opacity: .9; margin-top: var(--space-2); } .cta--subtle {
background: var(--color-surface);
color: var(--color-ink);
border: 1px solid var(--color-border);
}
.cta--subtle .cta__title,
.cta--subtle .cta__lead { color: var(--color-ink); }
.cta--subtle .cta__magnet { background: var(--color-paper); border-color: var(--color-border); color: var(--color-ink); }
.cta--subtle .cta__note { color: var(--color-text-muted); } .cta-sticky {
position: sticky;
bottom: 0;
z-index: 90;
display: flex;
align-items: center;
gap: var(--space-3);
background: var(--color-ink);
color: var(--color-on-accent);
padding: var(--space-3) var(--space-4);
box-shadow: 0 -2px 12px rgba(26, 26, 31, .14);
}
.cta-sticky__text { flex: 1 1 auto; font-size: var(--font-size-small); font-weight: var(--font-weight-bold); } .pullquote {
border-left: 4px solid transparent;
border-image: var(--gradient-brand) 1; padding: var(--space-3) 0 var(--space-3) var(--space-5);
margin: var(--space-6) 0;
}
.pullquote__text { font-size: var(--font-size-h4); line-height: 1.7; color: var(--color-ink); font-weight: var(--font-weight-medium); }
.pullquote__cite { display: block; margin-top: var(--space-3); font-size: var(--font-size-small); color: var(--color-text-muted); font-style: normal; } .related { }
.related__title { font-size: var(--font-size-h3); font-weight: var(--font-weight-bold); margin-bottom: var(--space-5); } .related__grid { display: grid; gap: var(--grid-gutter); grid-template-columns: 1fr; } .pagination { display: flex; align-items: center; justify-content: center; gap: var(--space-2); flex-wrap: wrap; }
.pagination__link, .pagination__current {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: var(--tap-target-min);
min-height: var(--tap-target-min);
padding: 0 var(--space-3);
border-radius: var(--radius-sm);
border: 1px solid var(--color-border);
font-family: var(--font-sans-latin);
font-size: var(--font-size-small);
}
.pagination__link { color: var(--color-link); background: var(--color-paper); }
.pagination__link:hover { background: var(--color-surface); text-decoration: none; }
.pagination__current {
background: var(--color-ink);
color: var(--color-on-accent);
border-color: var(--color-ink);
font-weight: var(--font-weight-bold);
}
.pagination__link[aria-disabled="true"] { color: var(--color-disabled-text); background: var(--color-disabled-bg); cursor: not-allowed; } .imgslot {
display: grid;
place-items: center;
width: 100%;
height: 100%;
background: var(--color-surface);
color: var(--color-text-muted);
font-size: var(--font-size-caption);
text-align: center;
padding: var(--space-3);
border: 0;
}
.imgslot--ratio-16-9 { aspect-ratio: 16 / 9; }
.imgslot--ratio-4-3 { aspect-ratio: 4 / 3; }
.imgslot--ratio-1-1 { aspect-ratio: 1 / 1; }
.imgslot__label { max-width: 90%; } .site-footer {
background: var(--color-ink); color: var(--color-on-accent);
padding-block: var(--space-8) var(--space-6);
}
.site-footer a { color: var(--color-on-accent); }
.site-footer a:hover { color: var(--color-on-accent); text-decoration: underline; }
.site-footer__inner {
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--space-4);
display: grid;
gap: var(--space-7);
grid-template-columns: 1fr;
}
.site-footer__brand { display: flex; flex-direction: column; gap: var(--space-3); }
.site-footer__logo img { width: 160px; height: auto; }
.site-footer__desc { font-size: var(--font-size-small); line-height: 1.8; color: rgba(255, 255, 255, .82); max-width: 32em; }
.footer-nav__title {
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, .7);
margin-bottom: var(--space-3);
}
.footer-nav__list > li + li { margin-top: var(--space-2); }
.footer-nav__list a { font-size: var(--font-size-small); }
.site-footer__bottom {
max-width: var(--container-max);
margin: var(--space-7) auto 0;
padding: var(--space-5) var(--space-4) 0;
border-top: 1px solid rgba(255, 255, 255, .18);
display: flex;
flex-wrap: wrap;
gap: var(--space-3) var(--space-5);
align-items: center;
justify-content: space-between;
font-size: var(--font-size-caption);
color: rgba(255, 255, 255, .7);
}
.site-footer__legal { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }  @media (min-width: 480px) {
.grid--cards { grid-template-columns: repeat(2, 1fr); }
.compare-cards { grid-template-columns: repeat(2, 1fr); }
.related__grid { grid-template-columns: repeat(2, 1fr); }
} @media (min-width: 768px) {
:root {
--grid-gutter: 24px; --header-height: 72px;
}
.container { padding-inline: var(--space-6); }
.section { padding-block: var(--space-8); } .gnav { display: block; }
.header-menu-toggle { display: none; }
.gnav-drawer { display: none; } .hero__inner { padding: var(--space-9) var(--space-6); }
.hero__title { font-size: 48px; } .hero__lead { font-size: var(--font-size-lead); } .grid--hubs { grid-template-columns: repeat(2, 1fr); }
.grid--hubs-sub { grid-template-columns: repeat(2, 1fr); } .grid--cards { grid-template-columns: repeat(3, 1fr); }
.related__grid { grid-template-columns: repeat(3, 1fr); } .compare-cards { display: none; }
.compare-table-pc { display: table; } .cta__form { flex-direction: row; align-items: stretch; }
.cta__form .field { flex: 1 1 auto; }
.cta__form .btn { flex: 0 0 auto; } .sp-only { display: none !important; }
.facet-sheet-trigger { display: none; }
.cta-sticky { display: none; } .site-footer__inner { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--space-7); align-items: start; }
} @media (max-width: 767.98px) {
.compare-table-pc { display: none; }
.pc-only { display: none !important; }
} @media (min-width: 1024px) {
.hero__title { font-size: 56px; }
.section--lg { padding-block: var(--space-9); } .grid--cards-feature { grid-template-columns: repeat(3, 1fr); }
} @media (min-width: 1200px) {
.container { padding-inline: 0; }
} .section-title--left { text-align: left; }
.lead-grid { display: grid; gap: var(--grid-gutter); grid-template-columns: 1fr; align-items: start; } .feature-card .card__body { gap: var(--space-4); padding: var(--space-5); }
.feature-card .card__title { font-size: var(--font-size-h3); line-height: 1.35; }
.feature-card .card__excerpt { font-size: var(--font-size-body); line-height: 1.8; } .secondary-list { display: flex; flex-direction: column; }
.secondary-list .mini-card + .mini-card { border-top: 1px solid var(--color-border); }
.mini-card {
position: relative;
display: grid;
grid-template-columns: 104px 1fr;
gap: var(--space-3);
align-items: center;
padding: var(--space-3) 0;
background: var(--color-paper);
}
.mini-card__media { aspect-ratio: 4 / 3; border-radius: var(--radius-sm); overflow: hidden; }
.mini-card__cat {
font-family: var(--font-sans-latin);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
letter-spacing: .05em;
text-transform: uppercase;
color: var(--color-link);
}
.mini-card__title { font-size: var(--font-size-small); font-weight: var(--font-weight-bold); line-height: 1.5; color: var(--color-ink); margin-top: 2px; }
.mini-card__title a { color: inherit; text-decoration: none; }
.mini-card__title a::after { content: ""; position: absolute; inset: 0; }
.mini-card:hover .mini-card__title { text-decoration: underline; }
.mini-card__meta { margin-top: var(--space-1); font-size: var(--font-size-caption); color: var(--color-text-muted); }
.mini-card__meta time { font-family: var(--font-sans-latin); }
@media (min-width: 768px) { .lead-grid { grid-template-columns: 1.7fr 1fr; gap: var(--space-7); }
.feature-card .card__title { font-size: var(--font-size-h2); line-height: 1.3; }
} .pro-grid { display: grid; gap: var(--space-5) var(--space-4); grid-template-columns: repeat(2, 1fr); }
.pro-card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-2); }
.pro-card__photo { width: 88px; height: 88px; border-radius: var(--radius-pill); overflow: hidden; background: var(--color-surface); }
.pro-card__name { font-size: var(--font-size-small); font-weight: var(--font-weight-bold); color: var(--color-ink); line-height: 1.4; }
.pro-card__name a { color: inherit; text-decoration: none; }
.pro-card__name a::after { content: ""; position: absolute; inset: 0; }
.pro-card:hover .pro-card__name { text-decoration: underline; }
.pro-card__school { font-size: var(--font-size-caption); color: var(--color-text-muted); line-height: 1.4; }
@media (min-width: 480px) { .pro-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 768px) { .pro-grid { grid-template-columns: repeat(6, 1fr); gap: var(--space-6) var(--space-4); } } .join-cta {
display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-3);
margin-top: var(--space-6); padding: var(--space-4) var(--space-5);
background: var(--color-paper); border: 1px dashed var(--color-border); border-radius: var(--radius-md);
font-size: var(--font-size-small); color: var(--color-text); text-align: center;
}
.join-cta strong { color: var(--color-ink); } .grid--two { grid-template-columns: 1fr; }
@media (min-width: 600px) { .grid--two { grid-template-columns: repeat(2, 1fr); } } .river-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); flex-wrap: wrap; }
.river-head__more { font-size: var(--font-size-small); font-weight: var(--font-weight-bold); color: var(--color-link); white-space: nowrap; }
.river-head__more::after { content: " →"; } .event-list { display: flex; flex-direction: column; }
.event-item + .event-item { border-top: 1px solid var(--color-border); }
.event-item {
position: relative;
display: grid;
grid-template-columns: 46px 76px 1fr;
gap: var(--space-3);
align-items: center;
padding: var(--space-4) 0;
}
.event-item__date { text-align: center; font-family: var(--font-sans-latin); line-height: 1.15; }
.event-item__date .y { display: block; font-size: 11px; color: var(--color-text-muted); }
.event-item__date .d { display: block; font-size: var(--font-size-h4); font-weight: var(--font-weight-bold); color: var(--color-ink); }
.event-item__date .t { display: block; font-size: 11px; color: var(--color-text-muted); }
.event-item__thumb { width: 100%; aspect-ratio: 16 / 10; border-radius: var(--radius-sm); overflow: hidden; background: var(--color-surface); }
.event-item__body { display: flex; flex-direction: column; gap: var(--space-2); }
.event-item__free { font-size: var(--font-size-caption); font-weight: var(--font-weight-bold); color: var(--color-link); }
.event-item__title { font-size: var(--font-size-small); font-weight: var(--font-weight-bold); line-height: 1.5; color: var(--color-ink); }
.event-item__title a { color: inherit; text-decoration: none; }
.event-item__title a::after { content: ""; position: absolute; inset: 0; }
.event-item:hover .event-item__title { text-decoration: underline; }
.event-item__tags { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.event-tag { display: inline-flex; align-items: center; padding: 2px var(--space-3); border-radius: var(--radius-pill); background: var(--color-ink); color: var(--color-on-accent); font-size: 11px; font-weight: var(--font-weight-medium); }
@media (min-width: 600px) {
.event-item { grid-template-columns: 64px 112px 1fr; gap: var(--space-4); }
} .promo {
position: relative;
display: flex;
gap: var(--space-4);
align-items: center;
padding: var(--space-5) var(--space-5) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
}
.promo__label {
position: absolute; top: var(--space-2); right: var(--space-3);
font-family: var(--font-sans-latin); font-size: 11px; letter-spacing: .06em;
color: var(--color-text-muted); text-transform: uppercase;
}
.promo__logo {
flex: 0 0 auto; width: 100px; height: 52px;
display: grid; place-items: center; text-align: center;
background: var(--color-paper); border: 1px solid var(--color-border); border-radius: var(--radius-sm);
font-family: var(--font-sans-latin); font-weight: var(--font-weight-bold); color: var(--color-ink); font-size: 14px;
overflow: hidden;
}
.promo__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.promo__title { font-size: var(--font-size-small); font-weight: var(--font-weight-bold); color: var(--color-ink); line-height: 1.4; }
.promo__desc { font-size: var(--font-size-caption); color: var(--color-text-muted); line-height: 1.5; }
.promo__cta { flex: 0 0 auto; font-size: var(--font-size-small); font-weight: var(--font-weight-bold); color: var(--color-link); white-space: nowrap; }
@media (max-width: 599.98px) {
.promo { flex-wrap: wrap; gap: var(--space-3); }
.promo__cta { width: 100%; }
} .toc {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
padding: var(--space-4) var(--space-5);
margin-block: var(--space-6);
}
.toc__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
min-height: var(--tap-target-min);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
color: var(--color-ink);
cursor: pointer;
list-style: none; }
.toc__summary::-webkit-details-marker { display: none; }
.toc__summary-label { display: inline-flex; align-items: center; gap: var(--space-2); }
.toc__eyebrow {
font-family: var(--font-sans-latin);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--color-link);
}
.toc__icon { flex: 0 0 auto; transition: transform .15s ease; color: var(--color-link); }
.toc[open] .toc__icon { transform: rotate(180deg); } .toc[open] > .toc__list { display: flex; }
.toc__list { margin-top: var(--space-3); flex-direction: column; gap: var(--space-1); counter-reset: toc; }
.toc__item { position: relative; }
.toc__link {
display: block;
padding: var(--space-2) 0 var(--space-2) var(--space-6);
font-size: var(--font-size-small);
line-height: 1.6;
color: var(--color-link);
text-decoration: none;
}
.toc__link::before {
counter-increment: toc;
content: counter(toc) ".";
position: absolute;
left: 0;
font-family: var(--font-sans-latin);
font-weight: var(--font-weight-bold);
color: var(--color-text-muted);
}
.toc__link:hover { text-decoration: underline; }
@media (min-width: 768px) { .toc:not([open]) > .toc__list { display: flex; }
.toc > .toc__summary { cursor: default; }
.toc .toc__icon { display: none; } } .share {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-3);
padding-block: var(--space-4);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}
.share__label {
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
color: var(--color-text-muted);
letter-spacing: .04em;
}
.share__list { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.share__link {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-height: var(--tap-target-min);
padding: 6px var(--space-4);
border-radius: var(--radius-pill);
border: 1px solid var(--color-border);
background: var(--color-paper);
color: var(--color-ink);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
text-decoration: none;
}
.share__link:hover { border-color: var(--color-link); color: var(--color-link); text-decoration: none; }
.share__link svg { flex: 0 0 auto; } .share__link[data-copied="true"] { border-color: var(--color-ink); color: var(--color-ink); }
.share__status { font-size: var(--font-size-caption); color: var(--color-text-muted); } .profile-hero {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-5);
align-items: start;
margin-block: var(--space-5) var(--space-7);
}
.profile-hero__media { width: 160px; } .profile-hero__photo { border-radius: var(--radius-lg); overflow: hidden; }
.profile-hero__body { display: flex; flex-direction: column; gap: var(--space-3); }
.profile-hero__eyebrow {
font-family: var(--font-sans-latin);
font-size: var(--font-size-label);
font-weight: var(--font-weight-bold);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--color-link);
}
.profile-hero__name { margin: 0; } .profile-hero__role { font-size: var(--font-size-lead); color: var(--color-text); line-height: 1.6; }
.profile-hero__school { font-size: var(--font-size-small); color: var(--color-text-muted); }
@media (min-width: 768px) {
.profile-hero { grid-template-columns: 200px 1fr; gap: var(--space-7); align-items: center; }
.profile-hero__media { width: 200px; }
} .count-badge {
font-family: var(--font-sans-latin);
font-size: var(--font-size-small);
font-weight: var(--font-weight-regular);
color: var(--color-text-muted);
margin-left: var(--space-2);
}.prose img {
max-width: 100%;
height: auto;
} .prose table {
display: block;
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
} .prose iframe,
.prose embed,
.prose object,
.prose video {
max-width: 100%;
} .prose figure {
margin: 0 0 var(--space-5);
} .toc[hidden] {
display: none;
}  .pro-card__photo {
--pro-pos-x: 50%;
--pro-pos-y: 22%;
--pro-zoom: 1;
background: #F5F5F5; }
.pro-card__photo img,
.person-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--pro-pos-x, 50%) var(--pro-pos-y, 22%);
transform: scale(var(--pro-zoom, 1));
transform-origin: var(--pro-pos-x, 50%) var(--pro-pos-y, 22%);
display: block;
}
.pro-card__photo .imgslot { width: 100%; height: 100%; } .pro-grid--archive {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-6) var(--space-4);
}
.pro-grid--archive .pro-card__photo {
width: 100%;
max-width: 124px; height: auto;
aspect-ratio: 1 / 1;
margin-inline: auto; border-radius: var(--radius-pill); }
@media (min-width: 480px)  { .pro-grid--archive { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 680px)  { .pro-grid--archive { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 900px)  { .pro-grid--archive { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 1120px) { .pro-grid--archive { grid-template-columns: repeat(6, 1fr); } } .card__media > a {
display: block;
width: 100%;
height: 100%;
}
.card__media > a > img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .mini-card__media img,
.event-item__thumb img,
.profile-hero__photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.mini-card__media,
.event-item__thumb {
background: #F5F5F5;
} .profile-hero__photo {
aspect-ratio: 1 / 1;
background: #F5F5F5;
} .profile-hero__photo img {
object-position: var(--pro-pos-x, 50%) var(--pro-pos-y, 20%);
transform: scale(var(--pro-zoom, 1));
transform-origin: var(--pro-pos-x, 50%) var(--pro-pos-y, 20%);
} .container--article > figure {
margin: 0 0 var(--space-6);
} .container--article > figure > img {
width: auto;
max-width: 100%;
height: auto;
margin-inline: auto;
border-radius: var(--radius-md);
background: #F5F5F5;
display: block;
} .single-textbook .container--article > figure > img,
.single-pro_recommend .container--article > figure > img {
max-height: 360px;
} .single-textbook .container--article > figure,
.single-pro_recommend .container--article > figure {
margin-top: var(--space-6);
} .single-professional .container--article > figure > img {
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center 22%;
} .single-professional .container--article {
padding-bottom: var(--space-6);
}
.single-professional .section--subtle {
padding-top: var(--space-7);
} .facet__group + .facet__group { margin-top: var(--space-4); } .menu-item.current-menu-item > .gnav__link,
.menu-item.current_page_item > .gnav__link,
.menu-item.current-menu-parent > .gnav__link,
.menu-item.current-menu-ancestor > .gnav__link {
color: var(--color-link);
box-shadow: inset 0 -2px 0 var(--color-link);
} .menu-item.current-menu-item > .gnav-drawer__link,
.menu-item.current_page_item > .gnav-drawer__link,
.menu-item.current-menu-parent > .gnav-drawer__link,
.menu-item.current-menu-ancestor > .gnav-drawer__link {
color: var(--color-link);
} .home main > section.section:first-of-type {
padding-top: 28px; }
@media (min-width: 768px) {
.home main > section.section:first-of-type {
padding-top: 40px; }
}  @media (min-width: 768px) {
.site-header__inner { padding-inline: var(--space-6); } }
@media (min-width: 1200px) {
.site-header__inner { padding-inline: 0; } } .card__media { min-height: 0; } .card--textbook .card__media {
aspect-ratio: auto;
height: 170px; background: #f5f5f5;
}
.card--textbook .card__media > a,
.card--textbook .card__media > a > img,
.card--textbook .card__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center; display: block;
}
@media (min-width: 768px) {
.card--textbook .card__media { height: 180px; }  .post-type-archive-textbook .grid--cards,
[aria-labelledby="river-textbook-review"] .grid--cards {
grid-template-columns: repeat(6, 1fr);
}
.facet-layout .grid--cards {
grid-template-columns: repeat(4, 1fr);
} .related__grid {
grid-template-columns: repeat(4, 1fr);
} .post-type-archive-textbook .grid--cards .card--textbook .card__media,
[aria-labelledby="river-textbook-review"] .grid--cards .card--textbook .card__media {
height: 150px;
}
} .related__grid .card--textbook .card__media {
height: 130px;
}  @media (min-width: 480px) {
.section--subtle .grid--cards[data-articles="1"] {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) { .section--subtle .grid--cards[data-articles="1"] {
grid-template-columns: 1fr;
} .section--subtle .grid--cards[data-articles="1"] .card {
flex-direction: row;
}
.section--subtle .grid--cards[data-articles="1"] .card__media {
flex: 0 0 38%;
aspect-ratio: 16 / 9;
}
.section--subtle .grid--cards[data-articles="1"] .card__body {
flex: 1 1 auto;
justify-content: center; } .section--subtle .grid--cards[data-articles="2"] {
grid-template-columns: repeat(2, 1fr);
}
} #seminars { padding-block: 32px; } #seminars .section-title { margin-bottom: 22px; } #seminars .event-item { padding-block: 12px; } @media (min-width: 768px) {
#seminars { padding-block: 44px; } } @media (min-width: 768px) {
.section--tight { padding-block: var(--space-7); }
} .seminar-list {
list-style: none;
margin: var(--space-5) 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0; } .seminar-group {
display: inline-block;
align-self: flex-start;
margin-top: var(--space-5);
padding: 2px var(--space-3);
border-radius: var(--radius-pill);
background: var(--color-bg-subtle);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
color: var(--color-text);
}
.seminar-group:first-child { margin-top: 0; }
.seminar-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-2);
padding: var(--space-4) 0;
}
.seminar-item + .seminar-item {
border-top: 1px solid var(--color-border);
} .seminar-item__title {
font-size: var(--font-size-h4);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-heading);
color: var(--color-text);
margin: 0;
} .seminar-item__date {
margin: 0;
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
color: var(--color-link);
line-height: var(--line-height-tight);
}
.seminar-item__ico {
margin-right: var(--space-1);
font-weight: var(--font-weight-regular);
} .seminar-item__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
margin: 0;
}
.seminar-item__sub {
font-size: var(--font-size-small);
color: var(--color-text-muted);
line-height: var(--line-height-tight);
} .seminar-badge {
display: inline-block;
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
line-height: 1.4;
padding: 2px var(--space-2);
border-radius: var(--radius-pill);
white-space: nowrap;
}
.seminar-badge--online {
background: var(--color-link);
color: var(--color-on-accent);
}
.seminar-badge--venue {
background: transparent;
color: var(--color-text-muted);
border: 1px solid var(--color-border);
} .seminar-item .btn {
margin-top: var(--space-2);
min-height: 0;
padding: var(--space-2) var(--space-4);
font-size: var(--font-size-small);
line-height: var(--line-height-tight);
} .search-form {
display: flex;
gap: var(--space-3);
align-items: stretch;
max-width: 40em;
}
.search-form .field {
flex: 1;
min-width: 0;
}
.search-form .btn {
flex-shrink: 0;
} .facet-layout { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
@media (min-width: 1024px) {
.facet-layout { grid-template-columns: 264px 1fr; gap: var(--space-7); align-items: start; }
.facet-sidebar { position: sticky; top: calc(var(--header-height) + var(--space-4)); }
}
.facet-sidebar { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-paper); padding: var(--space-5); }
.facet-sidebar__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.facet-sidebar__title { font-size: var(--font-size-h4); font-weight: var(--font-weight-bold); color: var(--color-ink); }
.facet-reset { font-size: var(--font-size-caption); color: var(--color-link); }
.facet-sidebar .facet__group + .facet__group { margin-top: var(--space-5); padding-top: var(--space-5); border-top: 1px solid var(--color-border); }
.selected-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.selected-chip { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 32px; padding: 4px var(--space-3); border-radius: var(--radius-pill); background: var(--color-ink); color: var(--color-on-accent); border: 1px solid var(--color-ink); font-size: var(--font-size-label); line-height: 1.3; }
.selected-chip__axis { color: rgba(255,255,255,.75); font-size: var(--font-size-caption); }
.selected-chip__remove { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 0; border-radius: var(--radius-pill); background: rgba(255,255,255,.18); color: var(--color-on-accent); line-height: 1; padding: 0; }
.selected-chip__remove:hover { background: rgba(255,255,255,.32); }
.result-bar { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-5); }
.result-count { font-size: var(--font-size-small); color: var(--color-text-muted); }
.result-count strong { font-size: var(--font-size-h4); color: var(--color-ink); font-family: var(--font-sans-latin); font-weight: var(--font-weight-bold); }
.facet-sp-bar { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-bottom: var(--space-5); }
.facet-sp-bar .facet-sheet-trigger { flex: 0 0 auto; } .chip__count { color: var(--color-text-muted); font-family: var(--font-sans-latin); font-size: var(--font-size-caption); } .empty-state { text-align: center; border: 1px dashed var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); padding: var(--space-7) var(--space-5); }
.empty-state__title { font-size: var(--font-size-h4); font-weight: var(--font-weight-bold); color: var(--color-ink); margin-bottom: var(--space-2); }
.empty-state__lead { font-size: var(--font-size-small); color: var(--color-text-muted); margin-bottom: var(--space-4); }
.empty-state__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; }   .feature-card .card__media { aspect-ratio: var(--fv-ar, 1063 / 570); } .feature-card .card__excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} @media (min-width: 768px) { .lead-grid { align-items: stretch; } .secondary-list {
height: 100%;
gap: var(--space-5);
justify-content: space-between;
} .secondary-list .mini-card + .mini-card { border-top: 0; } .secondary-list .mini-card {
grid-template-columns: 1fr; gap: var(--space-3);
padding: 0;
flex: 0 0 auto;
} .secondary-list .mini-card__media {
aspect-ratio: 1063 / 570;
height: auto;
} .secondary-list .mini-card__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}  .feature-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: var(--gradient-brand);
z-index: 1;
pointer-events: none; } .feature-card .card__category,
.secondary-list .mini-card__cat {
display: inline-block;
align-self: flex-start; background: var(--gradient-brand);
color: var(--color-on-accent);
padding: 3px 12px;
border-radius: var(--radius-pill);
} .lead,
.section-title__lead,
.empty-state__title,
.empty-state__lead,
.result-bar,
.hub-entry__desc,
.promo__desc,
.cta__note,
.site-footer__desc {
word-break: auto-phrase;
text-wrap: pretty;
} .sitemap-list {
list-style: none;
margin: var(--space-4) 0 0;
padding: 0;
display: grid;
gap: var(--space-2);
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.sitemap-list {
grid-template-columns: repeat(2, 1fr);
}
}
.sitemap-list li {
display: flex;
align-items: baseline;
gap: var(--space-3);
padding-block: var(--space-2);
border-bottom: 1px solid var(--color-border);
}
.sitemap-list__count {
color: var(--color-text-muted);
font-size: var(--font-size-caption);
}
.sitemap-axis + .sitemap-axis {
margin-top: var(--space-5);
}
.sitemap-axis__label {
margin-bottom: var(--space-2);
font-size: var(--font-size-caption);
color: var(--color-text-muted);
letter-spacing: 0.04em;
} .page .container--article {
margin-bottom: var(--space-9);
} .jp-clause {
display: inline-block;
}  .single-pro_recommend .prose .reco-byline {
margin-bottom: var(--space-5);
color: var(--color-text-muted);
font-size: var(--font-size-caption);
}
.single-pro_recommend .prose .reco-byline a {
color: var(--color-link);
text-decoration: underline;
}
.single-pro_recommend .prose .reco-lead {
font-size: calc(var(--font-size-body) * 1.06);
line-height: var(--line-height-body);
}
.single-pro_recommend .prose .reco-lead p {
margin-top: var(--space-4);
}
.single-pro_recommend .prose .reco-lead p:first-child {
margin-top: 0;
} .single-pro_recommend .prose .reco-answer {
background: var(--color-surface);
border-radius: var(--radius-md);
padding: var(--space-4) var(--space-5);
margin-top: var(--space-3);
}
.single-pro_recommend .prose .reco-answer > p:first-child {
margin-top: 0;
}
.single-pro_recommend .prose .reco-answer > p:last-child {
margin-bottom: 0;
} .single-pro_recommend .prose .reco-answer + h2 {
margin-top: var(--space-6);
} .section--ichioshi .reco-card {
display: flex;
flex-direction: column;
padding: var(--space-5);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
}
.section--ichioshi .reco-card__link {
display: block;
text-decoration: none;
color: inherit;
}
.section--ichioshi .reco-card__title {
font-weight: 700;
line-height: 1.5;
color: var(--color-ink);
}
.section--ichioshi .reco-card__excerpt {
margin-top: var(--space-3);
font-size: var(--font-size-caption);
line-height: var(--line-height-body);
color: var(--color-text);
}
.section--ichioshi .reco-card__by {
margin-top: var(--space-4);
padding-top: var(--space-3);
border-top: 1px solid var(--color-border);
font-size: var(--font-size-caption);
color: var(--color-text-muted);
}
.section--ichioshi .reco-card__role {
color: var(--color-text-muted);
} .reco-list {
display: flex;
flex-direction: column;
gap: var(--space-4);
}
.section--ichioshi .reco-row {
flex-direction: row;
align-items: flex-start;
gap: var(--space-5);
}
.reco-row__photo {
flex: 0 0 auto;
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
background: var(--color-surface-subtle, var(--color-surface));
}
.reco-row__photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .person-avatar .person-avatar__fallback {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: var(--color-surface);
color: #C9C9C9; }
.person-avatar .person-avatar__fallback svg {
width: 78%;
height: 78%;
display: block;
}
.reco-row__body {
flex: 1 1 auto;
min-width: 0;
}
.reco-row__by {
margin-bottom: var(--space-2);
font-size: var(--font-size-caption);
color: var(--color-text-muted);
}
.reco-row__by a {
color: var(--color-link);
text-decoration: underline;
}
.reco-row__role {
color: var(--color-text-muted);
}
.reco-row__more-link {
margin-top: var(--space-4);
font-size: var(--font-size-caption);
}
.reco-row__more-link a {
color: var(--color-link);
font-weight: 700;
text-decoration: none;
}
.reco-row__more-link a:hover {
text-decoration: underline;
}
@media (max-width: 640px) {
.reco-row__photo {
width: 56px;
height: 56px;
}
.section--ichioshi .reco-row {
gap: var(--space-4);
}
} .single-pro_recommend .reco-reviewer {
display: flex;
align-items: flex-start;
gap: var(--space-5);
margin-bottom: var(--space-6);
padding: var(--space-5);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
}
.single-pro_recommend .reco-reviewer__photo {
flex: 0 0 auto;
width: 96px;
height: 96px;
border-radius: 50%;
overflow: hidden;
background: var(--color-surface-subtle, var(--color-surface));
}
.single-pro_recommend .reco-reviewer__photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.single-pro_recommend .reco-reviewer__body {
flex: 1 1 auto;
min-width: 0;
}
.single-pro_recommend .reco-reviewer__name {
font-weight: 700;
font-size: calc(var(--font-size-body) * 1.06);
color: var(--color-ink);
}
.single-pro_recommend .reco-reviewer__name a {
color: var(--color-link);
text-decoration: none;
}
.single-pro_recommend .reco-reviewer__name a:hover {
text-decoration: underline;
}
.single-pro_recommend .reco-reviewer__role {
margin-top: var(--space-2);
font-size: var(--font-size-caption);
color: var(--color-text-muted);
}
.single-pro_recommend .reco-reviewer__bio {
margin-top: var(--space-3);
font-size: var(--font-size-caption);
line-height: var(--line-height-body);
color: var(--color-text);
}
.single-pro_recommend .reco-reviewer__link {
color: var(--color-link);
white-space: nowrap;
text-decoration: underline;
}
@media (max-width: 640px) {
.single-pro_recommend .reco-reviewer__photo {
width: 72px;
height: 72px;
}
} .single-pro_recommend .reco-reviewer__eyebrow {
margin-bottom: var(--space-2);
font-size: var(--font-size-caption);
letter-spacing: 0.04em;
color: var(--color-text-muted);
} .reco-target {
display: block; margin-top: var(--space-5);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-paper);
text-decoration: none;
color: inherit;
}
.reco-target--next {
display: flex;
align-items: center;
gap: var(--space-4);
}
.reco-target--next:hover {
background: var(--color-surface);
text-decoration: none;
}
.reco-target__head {
display: flex;
align-items: center;
gap: var(--space-4);
}
.reco-target__thumb {
flex: 0 0 auto;
width: 56px;
height: 56px;
border-radius: var(--radius-sm);
overflow: hidden;
background: var(--color-surface);
}
.reco-target__thumb img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.reco-target__body {
flex: 1 1 auto;
min-width: 0;
}
.reco-target__label {
display: block;
font-size: var(--font-size-caption);
letter-spacing: 0.04em;
color: var(--color-text-muted);
}
.reco-target__title {
display: block;
margin-top: 2px;
font-weight: var(--font-weight-bold);
color: var(--color-ink);
}
.reco-target__more {
flex: 0 0 auto;
font-size: var(--font-size-caption);
color: var(--color-link);
white-space: nowrap;
}
@media (max-width: 640px) {
.reco-target__more {
display: none; }
} a.reco-target__thumb {
display: block;
}
a.reco-target__title,
a.reco-target__more {
text-decoration: none;
}
a.reco-target__title:hover,
a.reco-target__more:hover {
text-decoration: underline;
}
.reco-target__spec {
margin: var(--space-4) 0 0;
padding-top: var(--space-4);
border-top: 1px solid var(--color-border);
display: grid;
gap: var(--space-2);
} .reco-target__spec:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.reco-target__spec-row {
display: flex;
gap: var(--space-3);
font-size: var(--font-size-small);
}
.reco-target__spec-row dt {
flex: 0 0 4.5em;
color: var(--color-text-muted);
}
.reco-target__spec-row dd {
margin: 0;
min-width: 0;
} .event-form {
max-width: 40em;
margin-top: var(--space-6); padding-bottom: var(--space-8);
}
.event-form__field {
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.event-form__label {
font-size: var(--font-size-label);
font-weight: 700;
color: var(--color-text);
}
.event-form__required {
display: inline-block;
margin-left: var(--space-2);
padding: 1px var(--space-2);
border-radius: var(--radius-sm);
font-size: var(--font-size-caption);
font-weight: 700;
color: var(--color-on-accent);
background: var(--color-state-error);
vertical-align: middle;
}
.event-form__textarea {
min-height: 8em;
resize: vertical;
line-height: var(--line-height-body);
}
.event-form__checks {
display: flex;
flex-wrap: wrap;
gap: var(--space-3) var(--space-5);
}
.event-form__check {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}
.event-form__section-note {
font-size: var(--font-size-caption);
color: var(--color-text-muted);
}
.event-form__actions {
margin-top: var(--space-4);
} .event-form__hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
} .event-form__notice {
margin-top: var(--space-5);
padding: var(--space-4) var(--space-5);
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
}
.event-form__notice--error {
border-color: var(--color-state-error);
background: rgba(216, 52, 92, .06);
color: var(--color-text);
}
.event-form__notice ul {
margin: var(--space-2) 0 0;
padding-left: 1.25em;
} .event-submit-done {
margin-top: var(--space-6);
padding-bottom: var(--space-8);
}
.event-submit-done__lead {
font-size: var(--font-size-body);
line-height: var(--line-height-body);
}
.event-recap {
padding: var(--space-5);
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
background: var(--color-bg-subtle);
}
.event-recap__title {
margin: 0 0 var(--space-3);
font-size: var(--font-size-label);
font-weight: 700;
}
.event-recap__list,
.info-list {
display: grid;
grid-template-columns: auto 1fr;
gap: var(--space-2) var(--space-4);
margin: 0;
}
.event-recap__list dt,
.info-list dt {
font-weight: 700;
color: var(--color-text-muted);
white-space: nowrap;
}
.event-recap__list dd,
.info-list dd {
margin: 0;
color: var(--color-text);
overflow-wrap: anywhere;
}
@media (max-width: 640px) {
.event-recap__list,
.info-list {
grid-template-columns: 1fr;
gap: var(--space-1) var(--space-4);
}
.event-recap__list dd,
.info-list dd {
margin-bottom: var(--space-2);
}
} .cta__security {
display: none !important; }
.cta__form {
max-width: 46em;
}
.cta__fields {
display: flex;
flex-direction: column;
gap: var(--space-3);
}
.cta__consent {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 0.5em;
color: var(--color-on-accent);
font-size: var(--font-size-caption);
line-height: 1.6;
text-align: left;
cursor: pointer;
}
.cta__consent input {
flex: 0 0 auto;
margin-top: 0.28em;
}
.cta__done,
.cta__error {
max-width: 34em;
margin-inline: auto;
padding: var(--space-3) var(--space-4);
border-radius: var(--radius-md, 8px);
background: rgba(255, 255, 255, 0.16);
color: var(--color-on-accent);
font-weight: 700;
}
.cta__error {
background: rgba(0, 0, 0, 0.18);
}
@media (min-width: 768px) { .cta__form {
flex-direction: column;
align-items: stretch;
}
.cta__fields {
flex-direction: row;
}
.cta__fields .field {
flex: 1 1 0;
min-width: 0;
}
.cta__form .btn {
flex: 0 0 auto;
align-self: center;
min-width: 12em;
}
}  .single .prose h2 {
font-size: 28px;
line-height: 1.4;
margin-top: 48px;
padding-left: 0.6em;
border-left: 4px solid var(--color-link);
}
.single .prose h2 + p {
margin-top: 12px;
} .single section > h2.h3 {
font-size: 15px;
line-height: 1.5;
color: var(--color-text-muted);
letter-spacing: 0.04em;
} .navigation.pagination { margin-top: var(--space-7);
margin-bottom: var(--space-4);
}
.navigation.pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
flex-wrap: wrap;
}
.navigation.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: var(--tap-target-min);
min-height: var(--tap-target-min);
padding: 0 var(--space-3);
border-radius: var(--radius-sm);
border: 1px solid var(--color-border);
font-family: var(--font-sans-latin);
font-size: var(--font-size-small);
color: var(--color-link);
background: var(--color-paper);
text-decoration: none;
}
.navigation.pagination a.page-numbers:hover {
background: var(--color-surface);
text-decoration: none;
}
.navigation.pagination .page-numbers.current {
background: var(--color-ink);
color: var(--color-on-accent);
border-color: var(--color-ink);
font-weight: var(--font-weight-bold);
} .navigation.pagination .page-numbers.dots {
min-width: 0;
border-color: transparent;
background: transparent;
color: var(--color-text-muted);
padding: 0 var(--space-1);
} .policy-prose ul {
list-style: disc;
padding-left: 1.4em;
}
.policy-prose ul > li {
margin-bottom: var(--space-2);
}
.policy-prose ul > li::marker {
color: var(--color-text-muted);
}  .prose > ul,
.prose > .reco-answer > ul,
.prose > .reco-lead > ul {
list-style: disc;
padding-left: 1.4em;
}
.prose > ol,
.prose > .reco-answer > ol,
.prose > .reco-lead > ol {
list-style: decimal;
padding-left: 1.6em;
}
.prose > ul ul {
list-style: circle;
padding-left: 1.2em;
}
.prose > ol ol {
list-style: lower-alpha;
padding-left: 1.4em;
}
.prose > ul > li,
.prose > ol > li,
.prose > .reco-answer > ul > li,
.prose > .reco-answer > ol > li {
margin-bottom: var(--space-2);
} .prose ul[data-rte-list] {
list-style: none;
padding-left: 0;
} article.prose strong {
font-weight: 500;
background: linear-gradient(transparent 60%, #ff6 60%);
}
article.prose em {
font-weight: 500;
font-style: normal;
background: linear-gradient(transparent 60%, #f7c1cc 60%);
} article.prose :is(h1, h2, h3, h4, h5, h6) strong,
article.prose :is(h1, h2, h3, h4, h5, h6) em {
background: none;
font-weight: inherit;
} .card__media {
overflow: hidden;
} .card__media img,
.card__media > a > img {
object-fit: var(--card-fit, cover);
}
.card {
transition: box-shadow .15s ease, transform .22s cubic-bezier(.2, .6, .2, 1);
}
.card:hover {
transform: translateY(-2px);
}
.card__media img,
.mini-card__media img,
.pro-card__photo img,
.event-item__thumb img {
transition: transform .45s cubic-bezier(.2, .6, .2, 1);
will-change: transform;
}
.card:hover .card__media img,
.mini-card:hover .mini-card__media img,
.event-item:hover .event-item__thumb img {
transform: scale(1.04);
} .pro-card:hover .pro-card__photo img {
transform: scale(calc(var(--pro-zoom, 1) * 1.04));
} .event-item {
transition: background-color .18s ease;
}
.event-item:hover {
background-color: rgba(26, 26, 31, .028);
} @media (prefers-reduced-motion: reduce) {
.card:hover,
.card:hover .card__media img,
.mini-card:hover .mini-card__media img,
.pro-card:hover .pro-card__photo img,
.event-item:hover .event-item__thumb img {
transform: none;
}
} article.prose [style*="font-size"] {
font-size: inherit !important;
} article.prose [style*="color"] {
color: inherit !important;
background-color: transparent !important;
} article.prose [style*="#ffff00"],
article.prose [style*="#ff0"],
article.prose [style*="yellow"] {
background: linear-gradient(transparent 60%, #ff6 60%) !important;
color: inherit !important;
} article.prose a[style*="color"] {
color: var(--color-link) !important;
} .cta__form .btn--on-accent {
background: var(--color-ink);
color: var(--color-on-accent);
border-color: transparent;
box-shadow: 0 6px 18px rgba(26, 26, 31, 0.22);
} .cta__form .field[aria-invalid="true"] {
box-shadow: 0 0 0 3px rgba(255, 255, 255, .85), 0 0 0 5px rgba(216, 52, 92, .9);
background: #fff5f7;
}
.cta__consent input[aria-invalid="true"] {
outline: 3px solid rgba(255, 255, 255, .85);
outline-offset: 1px;
}
.cta__form .btn--on-accent:hover {
filter: brightness(1.15);
box-shadow: 0 8px 22px rgba(26, 26, 31, 0.28);
} section[aria-labelledby="nl-what"] .card__media {
aspect-ratio: auto;
background: none;
}
section[aria-labelledby="nl-what"] .card__media .imgslot {
aspect-ratio: auto;
height: auto;
background: none;
place-items: start;
padding: var(--space-5) var(--space-4) 0;
color: var(--color-accent-graphic);
}
section[aria-labelledby="nl-what"] .card__media .imgslot svg {
width: 30px;
height: 30px;
} .promo__logo[data-brand] {
font-size: 0;
color: transparent;
background-repeat: no-repeat;
background-position: center;
} .promo__logo[data-brand="repeatalk"] {
background-image: url(//kknavi.jp/wp/wp-content/themes/kknavi2026/assets/img/repeatalk-icon.png);
background-size: auto 40px;
}
.promo__logo[data-brand="koom"] {
background-image: url(//kknavi.jp/wp/wp-content/themes/kknavi2026/assets/img/koom-logo.png);
background-size: 64px auto;
} .legal-doc ul {
list-style: disc;
padding-left: 1.4em;
}
.legal-doc ul > li + li {
margin-top: var(--space-2);
}
.legal-doc ul > li::marker {
color: var(--color-text-muted);
}
.legal-doc > h2 {
margin-top: var(--space-7);
}
.legal-doc > h2:first-child {
margin-top: var(--space-6);
}
.legal-doc > h2 + * {
margin-top: var(--space-3);
} .cta__done,
.cta__error {
background: var(--color-paper);
text-align: left;
font-weight: var(--font-weight-bold);
box-shadow: 0 2px 10px rgba(26, 26, 31, 0.12);
word-break: auto-phrase;
text-wrap: pretty;
} .cta__done {
color: var(--color-ink);
}
.cta__error {
color: var(--color-state-error);
} a.card__category {
text-decoration: none; align-self: flex-start;
}
a.card__category:hover,
a.card__category:focus-visible {
text-decoration: underline;
text-underline-offset: 2px;
} .feature-card a.card__category:hover,
.feature-card a.card__category:focus-visible {
text-decoration: none;
opacity: 0.88;
} .footer-nav__title {
font-size: var(--font-size-body); line-height: var(--line-height-heading);
letter-spacing: var(--letter-spacing-body); text-transform: none;
color: var(--color-on-accent);
margin-bottom: var(--space-2); }
.footer-nav__list a {
color: rgba(255, 255, 255, .78);
} .legacy-note {
display: block;
margin: var(--space-5) 0 var(--space-6);
padding: var(--space-4) var(--space-5);
background: var(--color-surface);
border-left: 3px solid var(--color-accent-pink);
border-radius: var(--radius-sm);
}
.legacy-note__title {
margin: 0;
font-size: var(--font-size-body);
font-weight: 700;
line-height: var(--line-height-heading);
color: var(--color-ink);
}
.legacy-note__body {
margin: var(--space-2) 0 0;
font-size: var(--font-size-small);
line-height: var(--line-height-body);
color: var(--color-ink);
} .event-item__thumb {
aspect-ratio: 16 / 9;
} .card__media {
background: var(--color-bg);
} .article-lead {
padding-bottom: var(--space-6);
margin-bottom: var(--space-6);
border-bottom: 1px solid var(--color-border);
}
.article-lead > p { color: #3C3C44; }
.article-lead > p + p {
margin-top: 1em;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}