@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


.ns-listen-area {
  box-sizing: border-box;
  width: 100%;
  padding: 28px 30px 30px;
  background: #fff;
  border: 1px solid #e4dfd6;
  border-radius: 10px;
}

.ns-listen-heading {
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.12em;
  font-family: Georgia, "Times New Roman", serif;
  color: #2c2926;
}

.ns-listen-line {
  width: 42px;
  height: 1px;
  margin-top: 14px;
  background: #9b927f;
}

.ns-listen-description {
  margin: 24px 0 22px;
  font-size: 15px;
  line-height: 1.8;
  color: #4c4842;
}

.ns-listen-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ns-listen-card {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 18px 20px;
  border: 1px solid;
  border-radius: 10px;
  background: #fff;
  color: #282522;
  text-decoration: none;
  transition:
    transform .2s ease,
    background-color .2s ease,
    box-shadow .2s ease;
}

.ns-listen-card:hover {
  transform: translateY(-2px);
  background: #fcfbf8;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .05);
}

.ns-listen-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  font-size: 25px;
  font-weight: 600;
}

.ns-listen-text {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  line-height: 1.2;
}

.ns-listen-text strong {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .12em;
}

.ns-listen-text small {
  margin-top: 5px;
  font-size: 14px;
  color: #403d39;
}

.ns-listen-arrow {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 26px;
  line-height: 1;
}

/* Apple Music */
.ns-listen-apple {
  border-color: #ef8f9c;
}

.ns-listen-apple .ns-listen-icon,
.ns-listen-apple .ns-listen-arrow {
  color: #ef5366;
}

.ns-listen-apple .ns-listen-icon {
  background: #fff1f3;
}

/* LINE MUSIC */
.ns-listen-line-music {
  border-color: #8bc99d;
}

.ns-listen-line-music .ns-listen-icon,
.ns-listen-line-music .ns-listen-arrow {
  color: #3daa63;
}

.ns-listen-line-music .ns-listen-icon {
  background: #eef9f1;
}

/* Amazon Music */
.ns-listen-amazon {
  border-color: #000;
}

.ns-listen-amazon .ns-listen-icon{
	padding: 2px;
}
.ns-listen-amazon .ns-listen-icon,
.ns-listen-amazon .ns-listen-arrow {
  color: #000;
}

.ns-listen-amazon .ns-listen-icon {
  background: #000;
}


/* Tablet */
@media screen and (max-width: 900px) {
  .ns-listen-grid {
    grid-template-columns: 1fr;
  }
}

/* Smartphone */
@media screen and (max-width: 600px) {
  .ns-listen-area {
    padding: 22px 16px 20px;
  }

  .ns-listen-heading {
    font-size: 21px;
  }

  .ns-listen-description {
    margin: 20px 0 18px;
    font-size: 14px;
  }

  .ns-listen-grid {
    gap: 10px;
  }

  .ns-listen-card {
    width: 100%;
    padding: 13px 14px;
  }

  .ns-listen-icon {
    width: 38px;
    height: 38px;
    font-size: 22px;
  }

  .ns-listen-text strong {
    font-size: 14px;
  }

  .ns-listen-text small {
    font-size: 13px;
  }

  .ns-listen-arrow {
    font-size: 23px;
  }
}



/* =========================================
   NeoStella Fans
   LIVE / EVENT - B TYPE
========================================= */

.ns-live-events {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 0 70px;
}


/* =========================================
   SECTION / HEADING
========================================= */

.ns-live-section {
    margin-bottom: 55px;
}

.ns-live-heading {
    margin: 0 0 22px;
    padding: 0;
    border: 0 !important;
    background: none !important;
}

.ns-live-heading-sub {
    display: none;
}

.ns-live-heading h2 {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: none !important;

    color: #222;

    font-size: 21px !important;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .02em;
}

.ns-live-heading h2::before,
.ns-live-heading h2::after {
    display: none !important;
}


/* =========================================
   TIMELINE
========================================= */

.ns-timeline {
    position: relative;
}

.ns-timeline::before {
    content: "";

    position: absolute;
    top: 11px;
    bottom: 12px;
    left: 8px;

    width: 1px;

    background: #e36689;
}


/* =========================================
   EVENT ITEM
========================================= */

.ns-timeline-item {
    position: relative;

    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 18px;

    min-height: 85px;

    padding:
        0
        0
        18px
        34px;
}


/* タイムラインの点 */

.ns-timeline-marker {
    position: absolute;

    top: 10px;
    left: 3px;

    width: 11px;
    height: 11px;

    border-radius: 50%;

    background: #e65d83;

    z-index: 2;
}


/* =========================================
   DATE
========================================= */

.ns-event-date {
    display: flex;

    align-items: baseline;

    gap: 8px;

    padding-top: 4px;

    white-space: nowrap;
}

.ns-event-date strong {
    color: #333;

    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
}

.ns-event-date span {
    color: #888;

    font-size: 10px;
    letter-spacing: .08em;
}


/* =========================================
   EVENT INFORMATION
========================================= */

.ns-event-info {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 20px;

    align-items: center;

    padding:
        9px
        12px
        14px;

    border-bottom: 1px solid #e7e2dc;
}


/* =========================================
   TITLE
========================================= */

.ns-event-title-area {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 5px;
}


/* LIVE / FESTIVAL / EVENT */

.ns-event-type {
    flex: 0 0 auto;

    padding: 3px 7px;

    border-radius: 4px;

    background: #f7dce4;
    color: #d95578;

    font-size: 9px;
    line-height: 1;
    letter-spacing: .05em;
}


/* イベント名 */

.ns-event-title {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: none !important;

    color: #222;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4;
}

.ns-event-title::before,
.ns-event-title::after {
    display: none !important;
}


/* =========================================
   VENUE / OPEN / START
========================================= */

.ns-event-meta {
    display: flex;

    flex-wrap: wrap;

    gap:
        4px
        16px;

    color: #68625e;

    font-size: 10px;
    line-height: 1.6;
}

.ns-event-venue {
    color: #504b47;
}


/* NeoStella出演時間 */

.ns-event-appearance {
    margin-top: 3px;

    color: #df567b;

    font-size: 10px;
    font-weight: 500;
}


/* =========================================
   INFO / TICKET
========================================= */

.ns-event-links {
    display: flex;

    gap: 7px;

    margin: 0;
}

.ns-event-links a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 62px;

    padding: 7px 9px;

    border: 1px solid #d9d3cc;
    border-radius: 4px;

    background: #fff;

    color: #333;

    font-size: 9px;
    line-height: 1;
    letter-spacing: .04em;

    text-decoration: none !important;
}

.ns-event-links a:last-child {
    border-color: #ef7797;
    color: #df5278;
}

.ns-event-links a:hover {
    background: #f8f5f1;
}


/* =========================================
   ARCHIVE
========================================= */

.ns-archive-section {
    margin-top: 55px;
}


/* =========================================
   SETLIST
========================================= */

.ns-archive-setlist {
    margin-top: 6px;
}

.ns-archive-setlist summary {
    display: inline-block;

    cursor: pointer;

    color: #d4577a;

    font-size: 9px;
    letter-spacing: .08em;

    list-style: none;
}

.ns-archive-setlist summary::-webkit-details-marker {
    display: none;
}

.ns-archive-setlist .ns-setlist-content {
    margin-top: 8px;

    padding-left: 12px;

    border-left: 1px solid #ddd3d6;

    color: #68615c;

    font-size: 10px;
    line-height: 1.8;
}


/* =========================================
   EMPTY
========================================= */

.ns-event-empty {
    padding-left: 34px;

    color: #8d8680;

    font-size: 12px;
}


/* =========================================
   MOBILE
========================================= */

@media screen and (max-width: 600px) {

    .ns-live-events {
        width: 100%;

        padding-bottom: 45px;
    }


    /* HEAD */

    .ns-live-section {
        margin-bottom: 45px;
    }

    .ns-live-heading h2 {
        font-size: 19px !important;
    }


    /* TIMELINE */

    .ns-timeline::before {
        left: 5px;
    }

    .ns-timeline-marker {
        left: 0;

        width: 10px;
        height: 10px;
    }


    /* ITEM */

    .ns-timeline-item {
        grid-template-columns:
            82px
            minmax(0, 1fr);

        gap: 9px;

        padding:
            0
            0
            16px
            24px;

        min-height: 80px;
    }


    /* DATE */

    .ns-event-date {
        display: block;

        padding-top: 4px;
    }

    .ns-event-date strong {
        display: block;

        font-size: 11px;
    }

    .ns-event-date span {
        display: block;

        margin-top: 2px;

        font-size: 8px;
    }


    /* EVENT INFO */

    .ns-event-info {
        display: block;

        padding:
            5px
            0
            13px;
    }


    /* TITLE */

    .ns-event-title-area {
        display: block;
    }

    .ns-event-type {
        display: inline-block;

        margin-bottom: 5px;
    }

    .ns-event-title {
        font-size: 13px !important;
    }


    /* META */

    .ns-event-meta {
        display: block;

        font-size: 9px;
    }

    .ns-event-meta span {
        display: block;
    }

    .ns-event-appearance {
        font-size: 9px;
    }


    /* LINKS */

    .ns-event-links {
        margin-top: 9px;
    }

    .ns-event-links a {
        min-width: 55px;

        padding: 6px 8px;

        font-size: 8px;
    }


    /* SETLIST */

    .ns-archive-setlist {
        margin-top: 8px;
    }

    .ns-archive-setlist .ns-setlist-content {
        font-size: 9px;
    }

}

/* =====================================
   NeoStella LIVE MAP：デザイン調整
   ===================================== */

.ns-live-map {
    --ns-map-accent: #ed568a;
    --ns-map-ink: #363330;
    --ns-map-muted: #817b75;
    --ns-map-line: #e4ddd6;
    color: var(--ns-map-ink);
    margin: 32px 0 64px;
}

/* 会場数・操作 */
.ns-live-map .ns-map-top {
    padding: 0 0 16px;
    margin-bottom: 0;
    gap: 14px;
}

.ns-live-map .ns-map-count {
    font-size: 15px;
    letter-spacing: .08em;
    font-weight: 400;
}

.ns-live-map .ns-map-reset {
    padding: 9px 18px;
    border: 1px solid var(--ns-map-accent);
    border-radius: 3px;
    background: rgba(255, 255, 255, .8);
    color: var(--ns-map-accent);
    font-size: 12px;
    letter-spacing: .06em;
    transition: background .2s, color .2s;
}

.ns-live-map .ns-map-reset:hover {
    background: var(--ns-map-accent);
    color: #fff;
}

/* 地図 */
.ns-live-map .ns-map-canvas {
    height: 460px;
    border: 1px solid var(--ns-map-line);
    border-radius: 4px;
    background: #eeeae4;
}

.ns-live-map .ns-map-note {
    margin: 14px 0 0;
    color: var(--ns-map-muted);
    font-size: 12px;
    line-height: 1.9;
}

/* テーマの見出し装飾を解除 */
.ns-live-map .ns-map-list > h2 {
    position: relative;
    display: block;
    margin: 0 0 28px !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ns-map-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ns-map-ink) !important;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.5;
}

.ns-live-map .ns-map-list > h2::before {
    content: "VENUE ARCHIVE";
    position: static;
    display: block;
    margin-bottom: 8px;
    border: 0;
    background: none;
    color: var(--ns-map-accent);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .2em;
}

.ns-live-map .ns-map-list > h2::after {
    display: none !important;
}

.ns-live-map .ns-map-list {
    margin-top: 48px;
}

/* 会場ごとの見出し */
.ns-live-map .ns-map-venue {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--ns-map-line);
}

.ns-live-map .ns-map-venue summary {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 22px 38px 22px 22px;
    list-style: none;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .02em;
    transition: background .2s;
}

.ns-live-map .ns-map-venue summary::-webkit-details-marker {
    display: none;
}

.ns-live-map .ns-map-venue summary::marker {
    content: "";
}

.ns-live-map .ns-map-venue summary::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ns-map-accent);
}

.ns-live-map .ns-map-venue summary::after {
    content: "+";
    position: absolute;
    right: 8px;
    top: 20px;
    color: var(--ns-map-accent);
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
}

.ns-live-map .ns-map-venue[open] summary::after {
    content: "−";
}

.ns-live-map .ns-map-venue summary:hover {
    background: rgba(255, 255, 255, .45);
}

.ns-live-map .ns-map-venue summary span {
    margin: 0;
    padding: 3px 9px;
    border-radius: 3px;
    background: #f9e5ec;
    color: #bd5378;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .03em;
}

/* 所在地 */
.ns-live-map .ns-map-address {
    margin: 0 0 22px 22px;
    color: var(--ns-map-muted);
    font-size: 12px;
    line-height: 1.8;
}

/* 公演履歴：細線のタイムライン */
.ns-live-map .ns-map-history {
    margin: 0 0 28px 3px;
    padding: 0 0 0 24px;
    border-left: 1px solid #efb3c8;
    list-style: none;
}

.ns-live-map .ns-map-history li {
    position: relative;
    margin: 0;
    padding: 0 0 20px;
    list-style: none;
    font-size: 15px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.ns-live-map .ns-map-history li:last-child {
    padding-bottom: 0;
}

.ns-live-map .ns-map-history li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -28px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ns-map-accent);
}

.ns-live-map .ns-map-history time {
    margin-bottom: 4px;
    color: var(--ns-map-muted);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .06em;
}

.ns-live-map a.ns-map-info {
    display: inline-block;
    margin: 4px 0 4px 12px;
    padding: 2px 10px;
    border: 1px solid var(--ns-map-accent);
    border-radius: 3px;
    background: #fff;
    color: var(--ns-map-accent);
    font-size: 10px;
    text-decoration: none;
    vertical-align: middle;
    transition: background .2s, color .2s;
}

.ns-live-map a.ns-map-info:hover {
    background: var(--ns-map-accent);
    color: #fff;
}

/* 地図ピン */
.ns-live-map .ns-map-marker span {
    background: var(--ns-map-accent);
    box-shadow: 0 2px 6px rgba(80, 45, 55, .22);
}

/* ピンを押したときの公演情報 */
.ns-live-map .leaflet-popup-content-wrapper {
    border-radius: 5px;
    color: var(--ns-map-ink);
}

.ns-live-map .ns-map-popup-title {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--ns-map-line);
    font-family: inherit;
}

.ns-live-map .ns-map-popup p {
    color: var(--ns-map-muted);
    font-size: 11px;
    line-height: 1.7;
}

.ns-live-map .ns-map-popup ul {
    padding: 0;
    list-style: none;
}

.ns-live-map .ns-map-popup li {
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid var(--ns-map-line);
    font-size: 12px;
    line-height: 1.7;
}

.ns-live-map .ns-map-popup li strong {
    margin-bottom: 3px;
    color: var(--ns-map-accent);
    font-size: 11px;
}

/* スマートフォン */
@media (max-width: 600px) {
    .ns-live-map {
        margin-top: 20px;
    }

    .ns-live-map .ns-map-canvas {
        height: 350px;
    }

    .ns-live-map .ns-map-list {
        margin-top: 36px;
    }

    .ns-live-map .ns-map-list > h2 {
        font-size: 20px;
    }

    .ns-live-map .ns-map-venue summary {
        font-size: 15px;
    }

    .ns-live-map .ns-map-history li {
        font-size: 14px;
    }
}

/* 色とタイムラインの丸位置を修正 */
.ns-live-map {
    --ns-map-accent: #ed568a !important;
}

.ns-live-map .ns-map-history {
    padding-left: 24px !important;
    border-left: 1px solid #efb3c8 !important;
}

.ns-live-map .ns-map-history > li {
    position: relative;
    padding-left: 0 !important;
}

.ns-live-map .ns-map-history > li > time {
    line-height: 22px;
}

.ns-live-map .ns-map-history > li::before {
    content: "";
    position: absolute;
    left: -25px !important;
    top: 11px !important;
    width: 7px;
    height: 7px;
    margin: 0 !important;
    border-radius: 50%;
    background: #ed568a !important;
    transform: translate(-50%, -50%);
}

/* 会場名の丸も文字の中央に */
.ns-live-map .ns-map-venue > summary::before {
    top: 50% !important;
    transform: translateY(-50%);
}

/* LIVE MAP：ページ間の導線 */
.ns-map-intro {
    margin: 0 0 28px;
    color: #363330;
    line-height: 1.9;
}

.ns-map-intro p {
    margin: 0 0 12px;
}

.ns-map-intro a,
.ns-event-map-link a {
    color: #bd5378;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.ns-map-next {
    margin: 48px 0;
    padding: 32px;
    border: 1px solid #ead5dd;
    border-radius: 4px;
    background: #fcf3f6;
    text-align: center;
    color: #363330;
}

.ns-map-next .ns-map-next-label {
    margin: 0 0 12px;
    color: #bd5378;
    font-family: Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .18em;
}

.ns-map-next > h2 {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #363330 !important;
    font-size: 22px;
    line-height: 1.5;
}

.ns-map-next > h2::before,
.ns-map-next > h2::after {
    display: none !important;
}

.ns-map-next > p:not(.ns-map-next-label) {
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.9;
}

.ns-map-next a.ns-map-next-button {
    display: inline-block;
    padding: 12px 22px;
    border: 1px solid #ed568a;
    border-radius: 3px;
    background: #fff;
    color: #bd5378;
    font-size: 13px;
    line-height: 1.7;
    text-decoration: none;
    transition: background .2s, color .2s;
}

.ns-map-next a.ns-map-next-button:hover {
    background: #ed568a;
    color: #fff;
}

.ns-map-next-button:focus-visible,
.ns-map-intro a:focus-visible,
.ns-event-map-link a:focus-visible {
    outline: 2px solid #bd5378;
    outline-offset: 4px;
}

.ns-event-map-link {
    margin: 16px 0 28px;
    line-height: 1.8;
}

@media (max-width: 600px) {
    .ns-map-next {
        padding: 26px 18px;
    }

    .ns-map-next > h2 {
        font-size: 20px;
    }

    .ns-map-next a.ns-map-next-button {
        display: block;
    }
}

/* 地図上部の余白と操作ボタンを統一 */
.ns-map-intro {
    margin-bottom: 20px;
}

.ns-live-map {
    margin-top: 0;
}

.ns-live-map .ns-map-top {
    margin: 0 0 14px;
    padding: 14px 0;
    border-top: 1px solid #e4ddd6;
    border-bottom: 1px solid #e4ddd6;
    align-items: center;
}

.ns-live-map .ns-map-count {
    margin: 0;
    color: #363330;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .04em;
}

.ns-live-map button.ns-map-reset {
    padding: 8px 14px;
    border: 1px solid #ed568a;
    border-radius: 3px;
    background: #fff;
    color: #bd5378;
    font-size: 12px;
    line-height: 1.5;
    box-shadow: none;
}

.ns-live-map button.ns-map-reset:hover {
    background: #ed568a;
    color: #fff;
}

@media (max-width: 600px) {
    .ns-live-map .ns-map-top {
        gap: 10px;
    }

    .ns-live-map .ns-map-count {
        font-size: 12px;
    }

    .ns-live-map button.ns-map-reset {
        font-size: 11px;
        padding: 7px 10px;
    }
}


.ns-members{--ns-ink:#36332e;--ns-muted:#69635b;--ns-line:#c8c0b4;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:48px 32px;background:#fcfbf8;color:var(--ns-ink);border-top:1px solid #969083;font-family:inherit;}
.ns-members *{box-sizing:border-box}.ns-members__head{text-align:center;margin-bottom:28px}.ns-members__label{display:block;font-family:Georgia,serif;font-size:12px;letter-spacing:.22em;color:var(--ns-muted);margin-bottom:10px}.ns-members .ns-members__title{margin:0;padding:0;border:0;background:none;box-shadow:none;font-size:26px;font-weight:500;line-height:1.5;color:var(--ns-ink)}.ns-members .ns-members__title:before,.ns-members .ns-members__title:after{display:none}
.ns-members__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ns-members__card{display:flex;flex-direction:column;min-width:0;color:var(--ns-ink);text-decoration:none!important;border:1px solid var(--ns-line);background:#fffdfa;transition:border-color .15s,box-shadow .15s}.ns-members__image{display:block;aspect-ratio:1/1;overflow:hidden;background:#f4f1eb}.ns-members__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;margin:0!important;max-width:100%;border-radius:0}
.ns-members__body{display:flex;flex:1;flex-direction:column;padding:20px 20px 18px;text-align:center}.ns-members__name{display:flex;align-items:center;justify-content:center;gap:9px;font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:500;line-height:1.25}.ns-members__dot{width:7px;height:7px;border-radius:50%;background:var(--member-color);flex:none}.ns-members__reading{font-size:13px;margin-top:5px;color:var(--ns-muted)}.ns-members__intro{font-size:14px;line-height:1.85;margin:14px 0 20px;flex:1;overflow-wrap:anywhere}.ns-members__action{display:block;padding-top:13px;border-top:1px solid var(--ns-line);font-size:13px;line-height:1.6}.ns-members__arrow{margin-left:8px}.ns-members__all{text-align:center;margin:28px 0 0;font-size:14px}.ns-members__all a{color:var(--ns-ink);text-underline-offset:5px}.ns-members__card:hover{border-color:#8b8172;box-shadow:0 3px 12px #3931280c}.ns-members__card:focus-visible,.ns-members__all a:focus-visible{outline:2px solid #665c4e;outline-offset:4px}
@media(max-width:700px){.ns-members{padding:32px 20px}.ns-members__head{margin-bottom:22px}.ns-members .ns-members__title{font-size:23px}.ns-members__grid{grid-template-columns:1fr;gap:14px}.ns-members__card{display:grid;grid-template-columns:112px minmax(0,1fr)}.ns-members__image{aspect-ratio:auto;height:100%;min-height:170px}.ns-members__image img{object-fit:cover;object-position:center bottom}.ns-members__body{padding:14px;text-align:left}.ns-members__name{justify-content:flex-start;font-size:23px}.ns-members__reading{font-size:12px}.ns-members__intro{font-size:13px;line-height:1.75;margin:10px 0 12px}.ns-members__action{font-size:12px;padding-top:9px}.ns-members__all{font-size:13px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.ns-members__card{transition:none}}