/**
 * Author Profile Tool - Frontend CSS
 *
 * 承認済みデザイン:
 *   - ロゴは100×100px固定・白背景・object-fit: contain
 *   - グリッドはauto-fillで画面幅に応じて折り返し
 *   - セクション区切りは上罫線のみ
 */

/* ============================================================
 * プロフィール本体 [author_profile]
 * ============================================================ */

.apt-profile {
    /* 他プラグイン(RSBT/CVT)と同じコーラル */
    --apt-accent: #E07B5A;
    --apt-line: #E5E5E5;
    --apt-line-soft: #EDEDED;
    --apt-text-3: #767676;

    margin: 0 0 2em;
}

/* テーマ側のul/liスタイル(padding-left・マーカー・疑似要素)を打ち消す */
.apt-profile ul.apt-stat-grid,
.apt-profile ul.apt-photo-grid,
.apt-profile ul.apt-exp-grid,
.apt-profile ul.apt-card-grid,
.apt-profile ul.apt-link-list,
.apt-profile ul.apt-article-list,
.apt-profile ul.apt-sns-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    text-indent: 0;
}

.apt-profile ul.apt-stat-grid > li,
.apt-profile ul.apt-photo-grid > li,
.apt-profile ul.apt-exp-grid > li,
.apt-profile ul.apt-card-grid > li,
.apt-profile ul.apt-link-list > li,
.apt-profile ul.apt-article-list > li,
.apt-profile ul.apt-sns-list > li {
    list-style: none;
    text-indent: 0;
    background: none;
}

.apt-profile ul.apt-stat-grid > li::before,
.apt-profile ul.apt-stat-grid > li::marker,
.apt-profile ul.apt-card-grid > li::before,
.apt-profile ul.apt-card-grid > li::marker,
.apt-profile ul.apt-photo-grid > li::before,
.apt-profile ul.apt-photo-grid > li::marker,
.apt-profile ul.apt-exp-grid > li::before,
.apt-profile ul.apt-exp-grid > li::marker,
.apt-profile ul.apt-link-list > li::before,
.apt-profile ul.apt-link-list > li::marker,
.apt-profile ul.apt-article-list > li::before,
.apt-profile ul.apt-article-list > li::marker,
.apt-profile ul.apt-sns-list > li::before,
.apt-profile ul.apt-sns-list > li::marker {
    content: none;
    display: none;
}

.apt-profile-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1.1em;
}

.apt-profile-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
}

.apt-profile-meta {
    min-width: 0;
}

.apt-profile-name {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 2px;
    line-height: 1.4;
}

.apt-profile-company {
    font-size: 12px;
    color: #888;
    margin: 0;
    line-height: 1.4;
}

.apt-profile-desc {
    margin-bottom: 1.4em;
}

.apt-profile-desc p {
    font-size: 15px;
    line-height: 1.85;
    margin: 0 0 0.8em;
}

/* v1.9.2: プロフィール紹介文を12pxに（テーマの本文サイズより優先） */
.apt-profile .apt-profile-desc p {
    font-size: 12px !important;
    line-height: 1.9 !important;
}

.apt-profile-desc p:last-child {
    margin-bottom: 0;
}

/* --- 数値カード --- */

.apt-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    list-style: none;
    margin: 0 0 2em;
    padding: 0;
}

.apt-profile ul.apt-stat-grid > li.apt-stat-item {
    margin: 0;
    padding: 22px 26px;
    border: 1px solid var(--apt-line-soft);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 108px;
    box-sizing: border-box;
}

.apt-stat-label {
    display: block;
    font-size: 12px;
    color: var(--apt-text-3);
    line-height: 1.5;
    margin-bottom: 8px;
    word-break: auto-phrase;
    overflow-wrap: anywhere;
}

.apt-stat-value {
    display: block;
    line-height: 1.15;
}

.apt-stat-num {
    font-size: 28px;
    font-weight: 700;
    color: var(--apt-accent);
    letter-spacing: -0.01em;
}

.apt-stat-unit {
    font-size: 12px;
    color: var(--apt-text-3);
    margin-left: 3px;
}

@media screen and (min-width: 782px) {
    .apt-stat-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    /* 個数が3個・2個のときは列数を合わせる */
    .apt-stat-grid:has(.apt-stat-item:nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .apt-stat-grid:has(.apt-stat-item:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* --- 取材・契約の写真(リード直下) --- */

.apt-photo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    list-style: none;
    margin: 0 0 2em;
    padding: 0;
}

/* 枚数に応じて列数を変える */
.apt-photo-grid[data-count="1"] {
    grid-template-columns: minmax(0, 420px);
}

.apt-photo-grid[data-count="2"] {
    grid-template-columns: repeat(2, 1fr);
}

.apt-photo-grid[data-count="4"] {
    grid-template-columns: repeat(4, 1fr);
}

.apt-photo-item {
    margin: 0;
    padding: 0;
}

.apt-photo-figure {
    margin: 0;
}

.apt-photo-figure img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.apt-photo-cap {
    font-size: 11px;
    line-height: 1.55;
    color: #666;
    margin: 7px 0 0;
}

/* --- 経験リスト --- */

.apt-exp-cat {
    margin-bottom: 1.8em;
}

.apt-exp-cat-head {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
}

.apt-exp-cat-title {
    font-size: 15px;
    font-weight: 700;
}

.apt-exp-cat-count {
    font-size: 13px;
    color: #888;
}

.apt-exp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.apt-exp-item {
    text-align: center;
    margin: 0;
    padding: 0;
}

.apt-exp-logo {
    width: 100px;
    height: 100px;
    margin: 0 auto 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    box-sizing: border-box;
}

.apt-exp-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

/* ロゴ未登録の項目のみ、枠と背景を残して空白に見えないようにする */
.apt-exp-logo.is-noimg {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 8px;
}

.apt-exp-noimg {
    font-size: 11px;
    line-height: 1.35;
    color: #666;
    text-align: center;
    word-break: break-word;
}

.apt-exp-name {
    font-size: 11px;
    line-height: 1.35;
    color: #555;
    display: block;
    word-break: break-word;
}

/* --- 汎用セクション --- */

.apt-section {
    border-top: 1px solid #e5e5e5;
    padding-top: 1.2em;
    margin-bottom: 1.8em;
}

.apt-section-title {
    font-size: 17px;
    margin: 0 0 0.8em;
}

/*
 * v1.5.2: 見出しを上下の罫線ではさむ形に変更
 *   上線＝.apt-section の border-top、下線＝見出しの border-bottom（同じ #e5e5e5）。
 *   線と文字の間は上下とも12pxでそろえる。
 */
.apt-profile .apt-section {
    padding-top: 12px !important;
}

/*
 * v1.5.1: テーマ(SWELL等)の見出しスタイルを打ち消す
 *   .post_content h2 の上下margin・padding・背景・装飾(::before/::after)が効くと、
 *   見出しと下のカードの間が大きく空くため、セレクタの優先度を上げて固定する。
 *   デザイン(上罫線＋見出し文字)は変えず、余白だけを詰める。
 */
.apt-profile .apt-section h2.apt-section-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.apt-profile .apt-section h2.apt-section-title::before,
.apt-profile .apt-section h2.apt-section-title::after {
    content: none !important;
    display: none !important;
}

/* --- カードグリッド(アンケート・書いた記事 共通) --- */

.apt-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.apt-card-item {
    margin: 0;
}

.apt-card-link {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    border: 1px solid var(--apt-line-soft);
    border-radius: 12px;
    padding: 14px 16px;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
}

a.apt-card-link:hover .apt-card-title {
    text-decoration: underline;
}

.apt-card-tag {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: var(--apt-text-3);
    line-height: 1;
}

.apt-card-icon {
    display: block;
    flex-shrink: 0;
}

.apt-card-title {
    font-size: 13px;
    line-height: 1.6;
    color: inherit;
}

.apt-card-num {
    color: var(--apt-accent);
    font-weight: 700;
}

/* --- SNS --- */

.apt-sns-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.apt-sns-item {
    margin: 0;
}

.apt-sns-item a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #e5e5e5;
    border-radius: 999px;
    padding: 6px 16px 6px 12px;
    font-size: 13px;
    text-decoration: none;
    color: inherit;
}

.apt-sns-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.apt-sns-icon img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.apt-sns-svg {
    display: block;
}

/* ブランドカラー */
.apt-sns-svg--facebook  { color: #1877F2; }
.apt-sns-svg--instagram { color: #E4405F; }
.apt-sns-svg--youtube   { color: #FF0000; }
.apt-sns-svg--x         { color: #000000; }
.apt-sns-svg--tiktok    { color: #010101; }
.apt-sns-svg--line      { color: #06C755; }
.apt-sns-svg--note      { color: #41C9B4; }
.apt-sns-svg--link      { color: #888888; }

.apt-sns-label {
    line-height: 1;
}

/* --- フッター --- */

.apt-profile-foot {
    border-top: 1px solid #e5e5e5;
    padding-top: 1em;
}

.apt-foot-line {
    font-size: 12px;
    color: #888;
    margin: 0 0 4px;
}

/* ============================================================
 * 著者ボックス [author_box]
 * ============================================================ */

/*
 * v1.3.1: 「最近の更新内容」と同じ 上段ヘッダー＋区切り線＋全幅本文 の構成に変更
 *   ロゴ | 名前
 *   ─────────
 *   紹介文（横幅いっぱい）
 * SWELLの p 余白上書き対策として .apt-box-widget.apt-box-widget の二重クラスで指定
 */

/*
 * v1.3.4: 横幅を recent-updates-tool / lead-compare-tool / section-nav-tool と統一
 *   .rut-wrap と同じ max-width: 720px ＋ margin: 28px auto ＋ border-box。
 *   角丸8px・padding 14px 18px・モバイル12px も .rut-wrap に揃える。
 */
.apt-box-widget.apt-box-widget {
    box-sizing: border-box;
    max-width: 720px;
    margin: 28px auto;
    padding: 14px 18px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}

.apt-box-widget.apt-box-widget * {
    box-sizing: border-box;
}

.apt-box-widget.apt-box-widget .apt-box-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ECECEC;
}

/* 本文が無いときは区切り線を出さない */
.apt-box-widget.apt-box-widget .apt-box-head:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.apt-box-widget.apt-box-widget .apt-box-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    margin: 0;
}

.apt-box-widget.apt-box-widget .apt-box-name {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #333333;
    margin: 0 !important;
}

.apt-box-widget.apt-box-widget .apt-box-body {
    padding-top: 14px;
}

.apt-box-widget.apt-box-widget .apt-box-desc {
    font-size: 12px !important; /* v1.9.3: 13px → 12px */
    line-height: 1.9;
    color: #555555;
    margin: 0 !important;
}


/* ============================================================
 * 監修者ボックス [supervisor_box]  v1.4.0
 * ============================================================ */

/*
 * 外枠は .apt-box-widget を共有（幅720px・角丸8px・余白は著者ボックスと同一）。
 * 有色は使わない。資格チップは無彩色の枠線のみ
 * （コーラルは★・割引チップ用。資格に使うと「割引」と同じ扱いに見えるため）。
 *   ラベル  #767676 11px 字間0.14em（cv-table のヘッダーラベルと同じ扱い）
 *   名前    #333333
 *   肩書き  #555555
 *   補助    #767676（AA下限）
 */
.apt-sv-widget.apt-sv-widget {
    padding: 18px 20px;
}

.apt-sv-widget.apt-sv-widget .apt-sv-label {
    font-size: 11px;
    letter-spacing: 0.14em;
    line-height: 1.4;
    color: #767676;
    margin: 0 0 12px !important;
}

.apt-sv-widget.apt-sv-widget .apt-sv-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ECECEC;
}

.apt-sv-widget.apt-sv-widget .apt-sv-head.is-last {
    padding-bottom: 0;
    border-bottom: 0;
}

.apt-sv-widget.apt-sv-widget .apt-sv-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    margin: 0;
}

.apt-sv-widget.apt-sv-widget .apt-sv-meta {
    flex: 1;
    min-width: 0;
}

.apt-sv-widget.apt-sv-widget .apt-sv-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #333333;
    margin: 0 !important;
}

.apt-sv-widget.apt-sv-widget .apt-sv-suffix {
    font-size: 13px;
    font-weight: 400;
    color: #555555;
    margin-left: 4px;
}

.apt-sv-widget.apt-sv-widget .apt-sv-title {
    font-size: 12px;
    line-height: 1.6;
    color: #555555;
    margin: 2px 0 0 !important;
}

/* テーマ側のul/liスタイルを打ち消す */
.apt-sv-widget.apt-sv-widget ul.apt-sv-quals {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    text-indent: 0;
}

.apt-sv-widget.apt-sv-widget ul.apt-sv-quals > li {
    list-style: none;
    list-style-type: none;
    background: none;
    margin: 0 !important;
    padding: 2px 8px !important;
    font-size: 11px;
    line-height: 1.6;
    color: #555555;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
}

.apt-sv-widget.apt-sv-widget ul.apt-sv-quals > li::before,
.apt-sv-widget.apt-sv-widget ul.apt-sv-quals > li::marker {
    content: none;
    display: none;
}

.apt-sv-widget.apt-sv-widget .apt-sv-body {
    padding-top: 14px;
}

.apt-sv-widget.apt-sv-widget .apt-sv-desc {
    font-size: 13px;
    line-height: 1.85;
    color: #555555;
    margin: 0 !important;
}

.apt-sv-widget.apt-sv-widget .apt-sv-scope {
    font-size: 12px;
    line-height: 1.7;
    color: #767676;
    margin: 12px 0 0 !important;
}

.apt-sv-widget.apt-sv-widget .apt-sv-body > p:first-child {
    margin-top: 0 !important;
}

.apt-sv-widget.apt-sv-widget .apt-sv-link {
    font-size: 12px;
    line-height: 1.6;
    margin: 10px 0 0 !important;
}

.apt-sv-widget.apt-sv-widget .apt-sv-link a {
    color: #767676;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.apt-sv-widget.apt-sv-widget .apt-sv-link a:hover {
    color: #333333;
    text-decoration: underline;
}

.apt-sv-widget.apt-sv-widget .apt-sv-ext {
    flex-shrink: 0;
}

/* ============================================================
 * 監修者セクション  v1.5.0
 *   [author_profile supervisors="..."] / [supervisor_list]
 *   見出しは他セクションと同じ .apt-section-title。カードは監修者ボックスを流用し、
 *   幅720px・上下margin・ラベルを外してグリッドに収める。
 * ============================================================ */

.apt-profile .apt-sv-note {
    font-size: 13px;
    line-height: 1.7;
    color: var(--apt-text-3);
    margin: -0.3em 0 0.9em !important;
}

.apt-sv-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.apt-box-widget.apt-box-widget.apt-sv-widget.is-in-list {
    max-width: none;
    margin: 0;
    height: 100%;
}

@media screen and (min-width: 782px) {
    .apt-sv-grid:not([data-count="1"]) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ============================================================
 * 見出し・数値カードのアイコン  v1.6.0
 *   線画SVG（currentColor）。色はグレー系のみ使い、コーラル（数字・強調）とは分ける。
 * ============================================================ */

.apt-profile .apt-ui-ico {
    display: block;
    flex-shrink: 0;
}

/* 見出し：20px・本文より一段薄いグレー */
.apt-profile .apt-section h2.apt-section-title .apt-ui-ico {
    width: 20px;
    height: 20px;
    color: #555555;
}

/* 数値カードのラベル：14px・ラベルと同じ色 */
.apt-profile .apt-stat-label {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.apt-profile .apt-stat-label .apt-ui-ico {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    color: var(--apt-text-3);
}

/* 経験リストのカテゴリ見出し：18px・見出しと同じグレー（v1.6.2）
 * アイコンを入れると baseline 揃えでずれるため、中央揃えにする */
.apt-profile .apt-exp-cat-head {
    align-items: center;
}

.apt-profile .apt-exp-cat-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.apt-profile .apt-exp-cat-title .apt-ui-ico {
    width: 18px;
    height: 18px;
    color: #555555;
}

/* ============================================================
 * 経験リストの外枠と「すべて見る」  v1.8.0
 *   枠は数値カードと同じ（#EDEDED・角丸12px）。2段を超える分はJSで隠す。
 * ============================================================ */

.apt-profile .apt-exp-cat {
    box-sizing: border-box;
    border: 1px solid var(--apt-line-soft);
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 20px;
}

.apt-profile .apt-exp-grid > li.is-collapsed {
    display: none !important;
}

.apt-profile button.apt-exp-more {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    margin: 14px 0 0 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #555555 !important;
    background: #ffffff !important;
    border: 1px solid var(--apt-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    cursor: pointer;
}

.apt-profile button.apt-exp-more[hidden] {
    display: none !important;
}

.apt-profile button.apt-exp-more:hover {
    background: #fafafa !important;
}

.apt-profile button.apt-exp-more .apt-exp-more-ico {
    flex-shrink: 0;
    transition: transform .2s;
}

.apt-profile button.apt-exp-more[aria-expanded="true"] .apt-exp-more-ico {
    transform: rotate(180deg);
}

@media screen and (max-width: 600px) {
    .apt-profile .apt-exp-cat {
        padding: 14px 12px;
    }
}

/* ============================================================
 * 著者ボックスのSNSアイコン・プロフィールへのリンク  v1.9.0
 *   紹介文の下に1行：左にSNSアイコン（円・32px）、右に「◯◯について ›」
 * ============================================================ */

.apt-box-widget.apt-box-widget .apt-box-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 12px;
    margin-top: 12px;
}

.apt-box-widget.apt-box-widget ul.apt-box-sns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.apt-box-widget.apt-box-widget ul.apt-box-sns > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none;
}

.apt-box-widget.apt-box-widget ul.apt-box-sns > li::before,
.apt-box-widget.apt-box-widget ul.apt-box-sns > li::marker {
    content: none;
    display: none;
}

.apt-box-widget.apt-box-widget ul.apt-box-sns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    background: #ffffff;
    text-decoration: none;
}

.apt-box-widget.apt-box-widget ul.apt-box-sns a:hover {
    background: #fafafa;
}

.apt-box-widget.apt-box-widget .apt-box-more {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
    text-decoration: none;
}

.apt-box-widget.apt-box-widget .apt-box-more:hover {
    color: #333333;
    text-decoration: underline;
}

.apt-box-widget.apt-box-widget .apt-box-more svg {
    flex-shrink: 0;
}

/* ============================================================
 * スマホ調整
 * ============================================================ */

@media screen and (max-width: 600px) {
    .apt-box-widget.apt-box-widget {
        padding: 12px;
    }

    .apt-sv-widget.apt-sv-widget {
        padding: 14px;
    }

    /* 資格チップが折り返すと写真が中央に浮くため上揃えに */
    .apt-sv-widget.apt-sv-widget .apt-sv-head {
        align-items: flex-start;
        gap: 12px;
    }

    .apt-sv-widget.apt-sv-widget .apt-sv-icon {
        width: 56px;
        height: 56px;
    }
}

@media screen and (max-width: 480px) {
    .apt-profile ul.apt-stat-grid > li.apt-stat-item {
        padding: 16px 18px;
        min-height: 92px;
    }

    .apt-stat-num {
        font-size: 25px;
    }

    .apt-photo-grid,
    .apt-photo-grid[data-count="4"] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .apt-photo-grid[data-count="1"] {
        grid-template-columns: 1fr;
    }

    .apt-card-grid {
        grid-template-columns: 1fr;
    }

    .apt-exp-grid {
        grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
        gap: 10px;
    }

    .apt-exp-logo {
        width: 88px;
        height: 88px;
    }

    .apt-exp-logo.is-noimg {
        padding: 6px;
    }
}