/* Pages-only design polish (Genio 2026-10-09「デザインがいまいちなのは変更しておいてね」).
   Loaded after the theme on every built page (build.py polish()); the theme files stay shared with the WP installs,
   so the fixes live here. Colours and sizes only through the theme tokens (docs/rules/design-policy.md). */

/* 1. Article top: teacher / genre links as one quiet line of text links, not boxed buttons. */
.article-body .article-teacher-chips {
    gap: 6px 26px;
    margin: 30px 0 44px;
}
.article-body .article-teacher-chips .hpp-rec-teacher {
    background: none;
    border: 0;
    border-bottom: 1px solid var(--navy-hair, rgba(47, 93, 52, .22));
    padding: 2px 1px 4px;
    font-size: var(--fs-s);
    letter-spacing: .1em;
    color: var(--navy, #2f5d34) !important;
    opacity: .8;
    transition: opacity .3s ease, border-color .3s ease;
}
.article-body .article-teacher-chips .hpp-rec-teacher:hover {
    background: none;
    opacity: 1;
    border-bottom-color: var(--navy, #2f5d34);
}

/* 2. Article title: room between the title and the featured image right under it (pages without one keep theirs). */
.article-inner:has(+ .article-inner .article-hero) .article-title {
    margin-bottom: 28px !important;
}
@media (min-width: 768px) {
    .article-inner:has(+ .article-inner .article-hero) .article-title { margin-bottom: 40px !important; }
}

/* 3. Reading-list cards on phones: a long unbroken title widened its column past the screen. */
@media (max-width: 768px) {
    .rh-grid--sec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.rh-card .r-title {
    overflow-wrap: break-word;
}

/* 4. Footer language switch centred like the rest of the footer on phones. */
.foot-lang-row {
    align-items: center;
}
.foot-lang {
    justify-content: center;
}

/* 5. Fee tables (class / lecture pages): one font weight (the labels were bold) and room before the text under it. */
.single-class .tbl01 td,
.single-seminar .tbl01 td {
    font-weight: var(--w-base) !important;
}
.single-class .class-prose .tbl01,
.single-seminar .class-prose .tbl01 {
    margin-bottom: 28px;
}