/*
 * フリ活の個別画面・新着フリ活（T-167）。個別画面の器は施設ページ（facility-page.css の fp-）を使う。
 * Tailwind の再ビルドを待たずに効くよう、素の CSS で持つ（T-111）。クラス名は pp- で始める。
 */
.pp-head { margin-bottom: 10px; }
.pp-status { margin: 20px auto 0; max-width: 700px; font-size: 13px; color: #469BFF; }
.pp-card { max-width: 620px; margin: 10px auto 0; }
.pp-more { text-align: center; margin: 20px 0 10px; }
.pp-more a {
    display: inline-block; min-width: 270px; line-height: 44px; padding: 0 20px; box-sizing: border-box;
    border: 1px solid #469BFF; color: #469BFF; border-radius: 4px; font-size: 14px; font-weight: 700; text-decoration: none; background: #fff;
}

.pp-wrap { max-width: 1100px; margin: 0 auto; padding: 32px 16px 60px; box-sizing: content-box; }
.pp-h1 { font-size: 22px; font-weight: 700; margin: 0 0 24px; }
.pp-h1 small { font-size: 13px; font-weight: 500; color: #595757; margin-left: 24px; }
.pp-list { background: #fff; border-radius: 8px; padding: 0 30px; }
.pp-empty { margin: 0; padding: 70px 0 50px; text-align: center; font-size: 14px; color: #595757; }

@media (max-width: 1023px) {
    .pp-wrap { padding: 20px 16px 40px; }
    .pp-h1 { font-size: 18px; margin-bottom: 16px; }
    .pp-h1 small { display: block; margin: 6px 0 0; font-size: 12px; }
    .pp-list { padding: 0; }
}

/* ── フリ活のカード（posts/partials/_card・T-168）──
 * 寸法はモック（フリ活画面・フリ活個別画面）を実測して ×2.336。
 * **文字の大きさはサウナイキタイにそろえた（T-179）**：本文 16px・行の高さ 1.65（スマホ 14px）。モックの 13px は小さすぎた。
 * 一覧の形（.pp-c--list）＝施設のフリ活タブ・トップ・新着。本文2行＋「続きを読む」、アクション行なし。
 */
.pp-c { padding: 17px 0 19px; border-bottom: 1px solid #DCDDDD; color: #111; }
.pp-c:last-of-type { border-bottom: 0; }
.pp-c p { margin: 0; }
.pp-c a { text-decoration: none; }
.pp-c__head { display: flex; align-items: center; gap: 19px; }
.pp-c__avatar { width: 43px; height: 43px; border-radius: 50%; flex-shrink: 0; object-fit: cover; background: #EEF5FF; }
.pp-c__name { font-size: 16px; font-weight: 700; line-height: 1.3; }
.pp-c__date { font-size: 12px; color: #898989; margin-top: 2px !important; }
.pp-c__date a { color: inherit; }
.pp-c__role { margin-left: auto; font-size: 11px; color: #727171; border: 1px solid #DCDDDD; border-radius: 3px; padding: 1px 8px; }
.pp-c__place { margin-top: 12px !important; }
.pp-c__facility { font-size: 16px; font-weight: 700; color: #469BFF; }
.pp-c__pref { margin-left: 4px; font-size: 12px; color: #898989; }
.pp-c__facility:hover { text-decoration: underline; }
.pp-c__meta { display: flex; align-items: center; gap: 12px; margin-top: 18px !important; font-size: 14px; color: #727171; }
.pp-c__place + .pp-c__meta { margin-top: 6px !important; }
.pp-c__mode { display: inline-block; min-width: 45px; box-sizing: border-box; padding: 0 8px; line-height: 20px; text-align: center; background: #DCDDDD; color: #595757; font-size: 12px; font-weight: 700; border-radius: 2px; }
.pp-c__tags { margin-top: 6px !important; font-size: 14px; color: #727171; line-height: 1.6; }
.pp-c__body { margin-top: 14px !important; font-size: 16px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }

.pp-c--list .pp-c__body { margin-top: 12px !important; }
.pp-c__clip { position: relative; }
.pp-c__clip .pp-c__body { max-height: 9.9em; overflow: hidden; }
.pp-c__clip.is-open .pp-c__body { max-height: none; }
.pp-c__clip.is-clipped::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.65em; pointer-events: none;
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.92));
}
.pp-c__more {
    position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 120px; height: 30px; margin: -15px auto 0; padding: 0; border: 0; border-radius: 15px;
    background: #333; color: #fff; font-size: 12px; font-weight: 700; cursor: pointer;
}
.pp-c__more[hidden] { display: none; }
.pp-c__more svg { width: 12px; height: 8px; }

.pp-c__actions { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; color: #898989; }
.pp-c__left, .pp-c__right { display: flex; align-items: center; gap: 22px; }
.pp-c__like {
    display: flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none;
    color: #898989; font-size: 14px; font-weight: 700; font-family: inherit; cursor: pointer;
}
.pp-c__like svg { width: 26px; height: 23px; fill: none; }
.pp-c__like.is-on { color: #FB7AA5; }
.pp-c__like.is-on svg { fill: currentColor; }
.pp-c__like:disabled { cursor: default; }
.pp-c__like:not(:disabled):hover { color: #FB7AA5; }
.pp-c__mood { position: relative; }
.pp-c__mood summary { display: flex; align-items: center; gap: 5px; list-style: none; cursor: pointer; }
.pp-c__mood summary::-webkit-details-marker { display: none; }
.pp-c__mood img, .pp-c__mood-icon { width: 22px; height: 22px; }
.pp-c__caret { width: 8px; height: 5px; color: #898989; }
.pp-c__menu {
    position: absolute; top: 30px; left: 0; z-index: 5; min-width: 150px; padding: 6px 0;
    background: #fff; border: 1px solid #DCDDDD; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.pp-c__menu a, .pp-c__menu button {
    display: block; width: 100%; padding: 8px 16px; border: 0; background: none; text-align: left;
    font-size: 13px; color: #111; cursor: pointer;
}
.pp-c__menu a:hover, .pp-c__menu button:hover { background: #F4F8FF; }
.pp-c__right form { margin: 0; }
.pp-c__act { display: flex; align-items: center; gap: 5px; padding: 0; border: 0; background: none; color: #898989; font-size: 13px; cursor: pointer; }
.pp-c__act svg { width: 20px; height: 20px; }
.pp-c__act:hover { color: #595757; }

/* ── 施設のフリ活タブ（facilities/posts・T-168） ── */
.pp-tab { max-width: 750px; margin: 0 auto; padding-top: 11px; }
.pp-types { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.pp-types a {
    font-size: 12px; line-height: 26px; padding: 0 14px; border: 1px solid #DCDDDD; border-radius: 13px;
    color: #727171; text-decoration: none; background: #fff;
}
.pp-types a.is-active { background: #469BFF; border-color: #469BFF; color: #fff; }

/* ── ページャ（partials/pager・W-91） ── */
.pp-pager { display: flex; justify-content: center; align-items: center; margin: 28px 0 0; }
.pp-pager__num, .pp-pager__step, .pp-pager__gap {
    min-width: 23px; height: 23px; box-sizing: border-box; padding: 0 4px; line-height: 21px; text-align: center;
    border: 1px solid #DCDDDD; margin-left: -1px; font-size: 13px; color: #9FA0A0; text-decoration: none; background: #fff;
}
.pp-pager__gap { border: 0; margin: 0 6px; letter-spacing: 1px; }
.pp-pager__num.is-current { background: #469BFF; border-color: #469BFF; color: #fff; position: relative; }
.pp-pager a:hover { color: #469BFF; }

@media (max-width: 1023px) {
    .pp-tab { padding-top: 4px; }
    .pp-c__head { gap: 12px; }
    .pp-c__body { font-size: 14px; }
    .pp-c__right { gap: 16px; }
    .pp-c__left { gap: 16px; }
}

/* ── フリ活のフォーム（livewire/post-form）と登録後の画面（posts/created）・T-170 ──
 * デザインイメージ_フリ活フォーム・フリ活フォーム登録後を実測して ×2.336。器は 1100px（T-103）。
 */
.pf-wrap { max-width: 1100px; margin: 0 auto; padding: 44px 16px 80px; box-sizing: content-box; color: #111; }
.pf-card { background: #fff; border-radius: 16px; padding: 22px 80px; }
.pf-intro { padding: 38px 73px 50px; }
.pf-h1 { margin: 0; font-size: 33px; font-weight: 700; color: #469BFF; line-height: 1.4; }
.pf-intro__text { margin: 22px 0 0; font-size: 13px; line-height: 2; }
.pf-section { margin-top: 64px; }
.pf-section__head { display: flex; align-items: center; flex-wrap: wrap; gap: 0 18px; margin: 0 0 24px; font-size: 17px; font-weight: 700; }
.pf-section__mark { width: 19px; height: 19px; background: #469BFF; flex-shrink: 0; }
.pf-section__head small { font-size: 11px; font-weight: 500; color: #727171; }
.pf-error { margin: 8px 0 0; font-size: 12px; color: #E60012; }
.pf-mt { margin-top: 10px; }

.pf-row { display: flex; align-items: flex-start; padding: 16px 0; min-height: 79px; box-sizing: border-box; border-bottom: 1px solid #DCDDDD; }
.pf-row.is-last { border-bottom: 0; }
.pf-row__label { width: 166px; flex-shrink: 0; padding-top: 12px; }
.pf-row__title { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; }
.pf-req { display: inline-block; padding: 0 6px; line-height: 16px; background: #FB7AA5; color: #fff; font-size: 10px; font-weight: 700; border-radius: 2px; }
.pf-row__hint { margin: 6px 0 0; font-size: 11px; line-height: 1.7; color: #727171; }
.pf-row__body { flex: 1; min-width: 0; padding-top: 0; }

.pf-input {
    height: 46px; box-sizing: border-box; padding: 0 16px; border: 1px solid #DCDDDD; border-radius: 8px;
    background: #fff; font-size: 15px; color: #111; font-family: inherit;
}
.pf-input:focus, .pf-textarea:focus { outline: 2px solid rgba(70, 155, 255, .4); border-color: #469BFF; }
.pf-input--date { width: 238px; text-align: center; }
.pf-input--time { width: 184px; }
.pf-input--select { width: 419px; max-width: 100%; }
.pf-input--num { width: 281px; }
.pf-time { display: flex; align-items: center; gap: 18px; font-size: 15px; }
.pf-study { display: flex; align-items: center; gap: 18px; }
.pf-study + .pf-study { margin-top: 10px; }
.pf-study__remove { width: 22px; height: 22px; padding: 0; border: 0; background: none; color: #9FA0A0; font-size: 18px; line-height: 1; cursor: pointer; }
.pf-study__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; font-size: 12px; color: #727171; }
.pf-study__chips button {
    padding: 0 12px; line-height: 28px; border: 1px solid #DCDDDD; border-radius: 14px; background: #fff;
    color: #595757; font-size: 12px; cursor: pointer; font-family: inherit;
}
.pf-study__chips button.is-on { border-color: #469BFF; color: #469BFF; font-weight: 700; }
.pf-plus { width: 22px; height: 22px; padding: 0; border: 1px solid #C9CACA; border-radius: 50%; background: #fff; position: relative; cursor: pointer; flex-shrink: 0; }
.pf-plus::before, .pf-plus::after { content: ""; position: absolute; left: 50%; top: 50%; background: #C9CACA; transform: translate(-50%, -50%); }
.pf-plus::before { width: 12px; height: 1px; }
.pf-plus::after { width: 1px; height: 12px; }
.pf-textarea {
    display: block; width: 100%; min-height: 115px; box-sizing: border-box; padding: 12px 16px; border: 1px solid #DCDDDD; border-radius: 8px;
    font-size: 15px; line-height: 1.7; font-family: inherit; resize: vertical;
}

.pf-choices { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 44px; padding-top: 10px; }
.pf-choices--scale { align-items: flex-start; gap: 14px 30px; }
.pf-grid3 { display: grid; grid-template-columns: repeat(3, 168px); gap: 23px 0; padding: 10px 0 6px; }
.pf-choice { display: flex; align-items: center; gap: 17px; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; color: #111; font-family: inherit; }
.pf-choices--scale .pf-choice { align-items: flex-start; }
.pf-choice__box {
    position: relative; width: 25px; height: 25px; box-sizing: border-box; flex-shrink: 0;
    border: 1px solid #DCDDDD; border-radius: 3px; background: #fff;
}
.pf-choice.is-on .pf-choice__box, .pf-scale__step.is-on .pf-choice__box, .pf-check input:checked + .pf-choice__box { background: #469BFF; border-color: #469BFF; }
.pf-choice.is-on .pf-choice__box::after, .pf-scale__step.is-on .pf-choice__box::after, .pf-check input:checked + .pf-choice__box::after {
    content: ""; position: absolute; left: 8px; top: 3px; width: 6px; height: 12px;
    border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg);
}
.pf-choice__label { font-size: 15px; line-height: 1.3; }
.pf-choice:focus-visible .pf-choice__box, .pf-check input:focus-visible + .pf-choice__box { outline: 2px solid rgba(70, 155, 255, .5); outline-offset: 2px; }

/* 5段階の観察（T-289）。箱を横一列に、言葉は箱の下。両端とまんなかに言葉、あいだは「やや」 */
.pf-scale { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; max-width: 640px; padding-top: 10px; }
.pf-scale__step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 4px; border: 0; background: none; cursor: pointer; color: #111; font-family: inherit; }
/* 箱どうしを線でつなぐ（ひとつづきの目盛りに見えるように） */
.pf-scale__step::before { content: ""; position: absolute; top: 13px; left: -50%; width: 100%; height: 1px; background: #C9CACA; }
.pf-scale__step:first-child::before { display: none; }
.pf-scale__step .pf-choice__box { position: relative; z-index: 1; }
.pf-scale__label { font-size: 13px; line-height: 1.4; text-align: center; color: #595757; }
.pf-scale__step.is-on .pf-scale__label { color: #111; font-weight: 700; }
.pf-scale__step:focus-visible .pf-choice__box { outline: 2px solid rgba(70, 155, 255, .5); outline-offset: 2px; }
@media (max-width: 1023px) {
    .pf-scale { padding-top: 0; }
    .pf-scale__label { font-size: 11px; }
}

.pf-mood { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.pf-mood__scale { display: flex; width: 378px; max-width: 100%; }
.pf-mood__scale button {
    flex: 1; height: 46px; margin-left: -1px; border: 1px solid #DCDDDD; background: #fff; color: #595757;
    font: 700 17px Helvetica, Arial, sans-serif; cursor: pointer;
}
.pf-mood__scale button:first-child { margin-left: 0; border-radius: 8px 0 0 8px; }
.pf-mood__scale button:last-child { border-radius: 0 8px 8px 0; }
.pf-mood__scale button.is-on { position: relative; background: #469BFF; border-color: #469BFF; color: #fff; }
.pf-mood__ends { display: flex; justify-content: space-between; width: 378px; max-width: 100%; margin-top: 6px; font-size: 11px; color: #727171; }
.pf-consult {
    flex-shrink: 0; margin-top: 12px; padding: 0 12px; line-height: 24px; border: 1px solid #9FA0A0; border-radius: 3px;
    font-size: 11px; color: #595757; text-decoration: none;
}

.pf-submit { margin-top: 40px; text-align: center; }
.pf-submit button {
    width: 246px; height: 42px; border: 0; border-radius: 4px; background: #469BFF; color: #fff;
    font-size: 16px; font-weight: 700; cursor: pointer;
}
.pf-submit button:disabled { opacity: .6; }
.pf-submit--in { margin-top: 38px; }

.pf-done { padding-bottom: 56px; }
.pf-done__row { display: flex; align-items: center; gap: 0; margin-top: 44px; padding: 20px 0; border-top: 1px solid #DCDDDD; border-bottom: 1px solid #DCDDDD; }
.pf-done__label { width: 166px; flex-shrink: 0; font-size: 13px; font-weight: 700; }
.pf-check { display: flex; align-items: center; gap: 17px; font-size: 13px; font-weight: 700; cursor: pointer; }
.pf-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pf-done__note { margin: 20px 0 0; text-align: center; font-size: 12px; color: #727171; }
.pf-done__note--left { text-align: left; margin-top: 30px; }
.pf-done__links { display: flex; justify-content: center; gap: 32px; margin: 32px 0 0; font-size: 13px; }
.pf-done__links a { color: #469BFF; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1023px) {
    .pf-wrap { padding: 20px 16px 48px; }
    .pf-card { padding: 8px 20px; border-radius: 12px; }
    .pf-intro { padding: 24px 20px 28px; }
    .pf-h1 { font-size: 24px; }
    .pf-intro__text { font-size: 13px; line-height: 1.9; }
    .pf-section { margin-top: 40px; }
    .pf-section__head { font-size: 16px; gap: 4px 12px; margin-bottom: 14px; }
    .pf-section__mark { width: 14px; height: 14px; }
    .pf-section__head small { width: 100%; padding-left: 26px; }
    .pf-row { flex-direction: column; min-height: 0; padding: 18px 0; gap: 12px; }
    .pf-row__label { width: auto; padding-top: 0; }
    .pf-row__body { width: 100%; }
    .pf-choices { gap: 14px 24px; padding-top: 0; }
    .pf-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; padding-top: 0; }
    .pf-input--date, .pf-input--select, .pf-input--num { width: 100%; }
    .pf-input--time { width: auto; flex: 1; min-width: 0; }
    .pf-mood { flex-direction: column; align-items: stretch; }   /* 幅いっぱいに広げる。flex-start のままだと、気分の1〜5が左に縮んで押しにくかった（T-289） */
    .pf-mood .pf-consult { align-self: flex-start; }
    .pf-mood__scale, .pf-mood__ends { width: 100%; }
    .pf-consult { margin-top: 0; }
    .pf-done__row { flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 28px; }
    .pf-done__label { width: auto; }
    .pf-submit button { width: 100%; max-width: 320px; }
}

/* ── 運営が非表示にした記録（T-181）。本人と運営にだけ見える ── */
.pp-c__hidden { margin: 0 0 12px !important; padding: 10px 14px; border-radius: 6px; background: #FFF1F5; color: #B8325E; font-size: 13px; line-height: 1.6; }

/* ── 全国のフリ活（posts/index・T-182）。サウナイキタイの「サ活」一覧と同じ作り ──
 * PC：器 1100px。左 310px（絞り込み・使い方）、間 20px、右が一覧（タブ＋カード）。
 */
.pl-wrap { max-width: 1100px; margin: 0 auto; padding: 32px 16px 60px; box-sizing: content-box; color: #111; }
.pl-h1 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 20px; margin: 0 0 28px; font-size: 32px; font-weight: 700; line-height: 1.3; }
.pl-h1 small { font-size: 16px; font-weight: 500; color: #111; }
.pl-cols { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 20px; align-items: start; }
.pl-side { display: flex; flex-direction: column; gap: 20px; }
.pl-search { background: #fff; border-radius: 16px; padding: 38px 38px 38px; }
.pl-search__toggle { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pl-search__summary { display: none; }
.pl-search__form { display: flex; flex-direction: column; gap: 12px; }
/* 枠のどこを押しても（「地域」の文字・＋の印を含む）選択肢が開くよう、select を枠いっぱいに広げ、文字と＋は上に重ねて押しても素通りさせる */
.pl-field { position: relative; display: block; height: 48px; border: 2px solid #DCDDDD; border-radius: 6px; background: #fff; }
.pl-field__label { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 12px; font-weight: 700; color: #469BFF; pointer-events: none; }
.pl-field select { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0 44px 0 68px; border: 0; border-radius: 4px; background: none; font-size: 15px; font-weight: 700; color: #595757; -webkit-appearance: none; appearance: none; cursor: pointer; }
.pl-field::after {
    content: "+"; position: absolute; right: 12px; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%;
    background: #469BFF; color: #fff; font: 700 18px/19px Helvetica, Arial, sans-serif; text-align: center; pointer-events: none; z-index: 1;
}
.pl-keyword { height: 48px; box-sizing: border-box; padding: 0 12px; border: 2px solid #DCDDDD; border-radius: 6px; font-size: 15px; }
.pl-keyword::placeholder { color: #9FA0A0; }
.pl-submit {
    display: flex; align-items: center; justify-content: center; gap: 6px; height: 48px; border: 0; border-radius: 6px;
    background: #469BFF; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer;
}
.pl-submit svg { width: 18px; height: 18px; }
.pl-clear { text-align: center; font-size: 13px; color: #898989; }
.pl-howto { background: #fff; border-radius: 16px; padding: 36px 30px; }
.pl-howto h2 { margin: 0 0 18px; text-align: center; font-size: 18px; font-weight: 700; color: #469BFF; }
.pl-howto p { margin: 0; font-size: 14px; line-height: 1.75; }
.pl-main { background: #fff; border-radius: 16px; overflow: hidden; }
.pl-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #DCDDDD; }
.pl-tabs a { position: relative; display: block; padding: 18px 0; text-align: center; font-size: 16px; font-weight: 700; color: #111; text-decoration: none; }
.pl-tabs a.is-active { color: #469BFF; }
.pl-tabs a.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #469BFF; }
.pl-list { padding: 0 38px 40px; }
.pl-list .pp-c { padding: 24px 0 20px; }
.pl-list .pp-empty a { color: #469BFF; }

@media (max-width: 1023px) {
    .pl-wrap { padding: 0 0 40px; }
    .pl-h1 { display: none; }
    .pl-cols { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
    /* スマホはサウナイキタイと同じ順：タブ → 絞り込み検索 ▼ → 一覧 → 使い方 */
    .pl-side, .pl-main { display: contents; }
    .pl-tabs { order: 0; }
    /* iPhone は 16px 未満の欄を押すと画面が拡大される。選択と入力は 16px にする */
    .pl-field select, .pl-keyword { font-size: 16px; }
    .pl-search { order: 1; border-radius: 0; padding: 0; background: #F2F2F2; }
    .pl-list { order: 2; }
    .pl-search__summary { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 0; font-size: 15px; font-weight: 700; color: #898989; cursor: pointer; }
    .pl-search__summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid #898989; border-bottom: 2px solid #898989; transform: rotate(45deg); margin-top: -4px; }
    .pl-search__toggle:checked + .pl-search__summary::after { transform: rotate(-135deg); margin-top: 4px; }
    .pl-search__form { display: none; padding: 4px 16px 20px; }
    .pl-search__toggle:checked ~ .pl-search__form { display: flex; }
    .pl-howto { order: 3; margin: 10px 0 0; border-radius: 0; padding: 28px 16px; }
    .pl-tabs { background: #fff; }
    .pl-list { padding: 0; background: transparent; }
    .pl-list .pp-c { background: #fff; padding: 20px 16px 16px; border-bottom: 0; }
    .pl-list .pp-c + .pp-c { border-top: 8px solid #F2F2F2; }
    .pl-list .pp-pager { padding: 20px 0; background: #fff; margin: 0; }
}