/* 生徒・保護者向け案内枠（includes/student_referral_box.php）と先生向け紹介ページ（for-piano-teachers.php）
   主な対象は講師のため、案内枠は目立たせない（薄い背景・枠線だけのボタン） */

.sref-box {
    max-width: 640px;
    margin: 32px auto 0;
    padding: 18px 20px;
    background: #f7f4ec;
    border: 1px solid #e8e0d0;
    border-radius: 8px;
    font-family: 'Noto Serif JP', serif;
    color: #3a3028;
    text-align: left;
}
.sref-box-title {
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0 0 6px;
    color: #5a4a36;
}
.sref-box-text {
    font-size: 0.8rem;
    line-height: 1.9;
    margin: 0 0 12px;
}
.sref-btn {
    display: inline-block;
    min-height: 44px;
    padding: 8px 18px;
    background: transparent;
    color: #8a6530;
    border: 1px solid #c8a060;
    border-radius: 5px;
    font-family: 'Noto Serif JP', serif;
    font-size: 0.82rem;
    cursor: pointer;
}
.sref-btn:hover { background: #fff; }
.sref-panel {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed #e0d5bf;
}
.sref-panel-lead {
    font-size: 0.78rem;
    margin: 0 0 8px;
}
.sref-message {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #e0d5bf;
    border-radius: 5px;
    background: #fff;
    font-family: 'Noto Serif JP', serif;
    font-size: 16px; /* iOSで16px未満だとフォーカス時に画面が拡大されるため */
    line-height: 1.7;
    color: #3a3028;
    resize: none;
}
/* 送り方ボタン: 2列×2段。「その他のアプリで送る」が非表示の端末では「文面をコピー」がその位置に詰まる */
.sref-send-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 10px;
}
.sref-send-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 8px 6px;
    background: #8a6530;
    color: #faf8f2;
    border-color: #8a6530;
    text-align: center;
    text-decoration: none;
    font-size: 0.78rem;
    line-height: 1.4;
    word-break: keep-all; /* 折り返す時は<wbr>の位置（「その他の／アプリで送る」）で折る */
}
.sref-send-btn:hover { background: #6f5126; color: #faf8f2; }
.sref-send-btn[hidden] { display: none; } /* display:flexがhidden属性より優先されるのを防ぐ */
.sref-send-line {
    background: #06c755;
    border-color: #06c755;
    color: #fff;
}
.sref-send-line:hover { background: #05a847; color: #fff; }
.sref-copy-status {
    font-size: 0.78rem;
    color: #3d7a4a;
    margin: 8px 0 0;
    min-height: 1.2em;
}
.sref-panel-link {
    display: inline-block;
    margin-top: 12px;
    font-size: 0.78rem;
    color: #8a6530;
}

/* 演奏診断の使い方コラム冒頭の1行リンク */
.sref-inline-note {
    font-family: 'Noto Serif JP', serif;
    font-size: 0.75rem;
    color: #a09070;
    margin: -24px 0 32px;
}
.sref-inline-note a { color: #d4c5a0; }

/* 先生向け紹介ページ */
.sref-points-note {
    font-size: 0.78rem;
    color: #6a5c48;
    margin-top: 16px;
}
.sref-hero-sub { padding-bottom: 40px; } /* 目次（pb-toc）が無いぶんの下余白 */