/* 本人向け画面の固有配置。フォーム・ボタン・通知はui.cssを共用。 */
/* 本番のtokila-membersと同じ枠（div.tokila-member-panel）。公開画面ではテーマのpage.phpの本文に置く。 */
.tokila-member-panel { max-width: var(--tkl-panel-width); margin: var(--tkl-space-6) auto; overflow-wrap: anywhere; }
/* 公開の会員画面（layouts/workspaceの会員領域）：本番のプラグインCSSとテーマの.u-buttonに合わせたui.cssの領域theme。 */
.art.tkl-member-page { color: inherit; font-size: 1.6rem; line-height: 1.75em; }
.tkl-member-page .tokila-member-panel label { display: block; margin: 18px 0 6px; }
.tkl-member-page .tokila-member-panel input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.tkl-member-page .tokila-member-panel select,
.tkl-member-page .tokila-member-panel textarea { min-height: var(--tkl-control-height); padding: 10px; border: 1px solid #bbb; border-radius: var(--tkl-radius); background: var(--tkl-surface); color: var(--tkl-ink); font: inherit; }
.tkl-member-page .tokila-member-panel textarea { min-height: 140px; }
.tkl-member-page .tokila-member-panel .u-button { display: block; width: 100%; min-height: var(--tkl-control-height); margin: 16px 12px 16px 0; padding: 10px 20px; border: 0; border-radius: 100rem; background: #444; box-shadow: 0 .5rem 0 #777; color: #fff; font-size: 1.8rem; font-weight: bold; }
.tkl-member-page .tokila-member-panel .u-button:hover { background: #444; opacity: .7; }
.tkl-member-page .tokila-member-panel a:focus-visible, .tkl-member-page .tokila-member-panel button:focus-visible, .tkl-member-page .tokila-member-panel input:focus-visible { outline: 3px solid #a23667; outline-offset: 3px; }