/*
Theme Name: おうちカルテ
Description: 家族カレンダーと住まいの記録をまとめる会員用テーマ。ログインと家族共有プラグイン接続を確認してから記録画面を表示します。
Version: 0.9.9
Author: ESUWAI
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ouchi-karte
*/
.ouchi-access{min-height:100vh;display:grid;place-items:center;background:#f1f7f7;color:#285568;font-family:system-ui,sans-serif;padding:24px;box-sizing:border-box}.ouchi-access section{width:min(100%,440px);background:white;border:1px solid #dce8e8;border-radius:18px;padding:32px;box-sizing:border-box;text-align:center}.ouchi-access-mark{display:inline-block;background:#f5db76;border-radius:12px;font-size:36px;padding:0 12px}.ouchi-access h1{font-size:28px}.ouchi-access h2{font-size:19px}.ouchi-access p{line-height:1.8}.ouchi-access a{display:block;padding:13px;margin:12px 0;color:#286d7c;text-decoration:none}.ouchi-access a.ouchi-access-primary{background:#286d7c;color:white;border-radius:9px}.ouchi-access a:focus-visible{outline:3px solid #e7c347;outline-offset:3px}

/* App styles are compiled from the same source as the local preview. */
.ouchi-document { max-width: 800px; margin: 48px auto; padding: 24px; font-family: sans-serif; color: #183e48; line-height: 1.8; }
.ouchi-document a { color: #157c83; }


.ouchi-wordmark{display:block;width:100%;height:auto;max-width:340px;margin:auto;mix-blend-mode:multiply}

.member-site{--ink:#294e59;--teal:#286d7c;--muted:#66838c;color:var(--ink);background:#fafcfb;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;font-size:16px;line-height:1.85;min-height:100vh}.member-site *{box-sizing:border-box}.member-site a{color:var(--teal);text-underline-offset:4px}.member-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px max(24px,calc((100vw - 1140px)/2));background:white;border-bottom:1px solid #e2ebeb}.member-header img{display:block;width:210px;height:auto}.member-header nav{display:flex;align-items:center;gap:24px}.member-header nav a{font-size:14px;text-decoration:none;white-space:nowrap}.member-site .member-button,.member-site .member-outline{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;border:1px solid var(--teal);border-radius:12px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}.member-site .member-button{background:var(--teal);color:white}.member-site .member-button:hover{background:#215867;transform:translateY(-1px)}.member-site .member-outline{background:white;color:var(--teal)}.member-site :focus-visible{outline:3px solid #d9ad36;outline-offset:4px}.member-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;max-width:1140px;margin:auto;padding:72px 24px}.member-hero h1{font-size:clamp(28px,3.3vw,43px);line-height:1.6;letter-spacing:.035em;margin:14px 0 20px}.member-hero p{color:var(--muted)}.member-hero img{width:100%;height:350px;object-fit:cover;border-radius:45% 45% 18px 18px}.member-hero small{display:block;margin:12px 0;color:var(--muted)}.member-eyebrow{font-size:12px;letter-spacing:.16em;color:var(--teal);font-weight:700}.member-section{max-width:1120px;margin:auto;padding:48px 24px 64px}.member-section>h2{font-size:27px;line-height:1.6;margin:12px 0 30px}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.member-card{background:white;border:1px solid #dce8e8;border-radius:20px;padding:28px}.member-card h3{font-size:20px;line-height:1.6;margin:12px 0}.member-card p{color:var(--muted);margin:0}.member-number{display:inline-grid;place-items:center;border-radius:50%;width:44px;height:44px;background:#fbebce;color:#816348;font-weight:700}.member-card-link{text-decoration:none;transition:border-color .15s}.member-card-link:hover{border-color:var(--teal)}.member-card-link h3 span{float:right}.member-form-section{background:#edf5f4;padding:64px 24px 80px;text-align:center;scroll-margin-top:24px}.member-form-section h2,.member-form-section h1{font-size:28px;line-height:1.6}.member-steps{display:flex;justify-content:center;list-style:none;padding:0;max-width:470px;margin:32px auto 40px;gap:8px}.member-steps li{flex:1;color:#809499;font-size:14px;border-top:2px solid #cad9d9;padding-top:12px}.member-steps li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dde6e6;margin-right:6px;font-size:12px}.member-steps li.is-active{border-color:var(--teal);color:var(--teal)}.member-steps li.is-active span{background:var(--teal);color:white}.member-form{max-width:600px;text-align:left;background:white;border:1px solid #dce8e8;padding:36px;border-radius:20px;margin:0 auto}.member-form label{display:block;font-size:15px;font-weight:600;margin:22px 0}.member-form em{font-style:normal;font-size:11px;color:#85572c;background:#fff0dc;border-radius:4px;padding:2px 6px;margin-left:8px}.member-form input{display:block;width:100%;border:1px solid #bfcfd2;border-radius:9px;background:#fcfefe;min-height:50px;padding:11px 13px;margin-top:8px;font:inherit;font-weight:400;color:var(--ink)}.member-form input[readonly]{background:#eff4f4}.member-form input[type=hidden]{display:none}.member-form .member-button,.member-form .member-outline{width:100%;margin-top:18px}.member-help{font-size:14px;color:var(--muted)}.member-error{max-width:600px;margin:0 auto 22px;padding:16px;border:1px solid #ca9687;border-radius:12px;color:#923e2c;background:#fff4ef;text-align:left}.member-confirm{margin:0}.member-confirm dt{color:var(--muted);font-size:13px}.member-confirm dd{margin:5px 0 25px;overflow-wrap:anywhere}.member-complete{text-align:center}.member-complete ol{text-align:left;padding-left:24px}.member-complete details{margin-top:24px;font-size:14px;text-align:left}.member-complete summary{cursor:pointer;color:var(--teal)}.member-success{display:inline-grid;place-items:center;background:#e6f1df;color:#527b3d;width:65px;height:65px;border-radius:50%;font-size:30px}.member-welcome{background:#eaf3f1;border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr 210px;align-items:center;gap:30px;margin:32px 0 48px}.member-welcome img{width:100%;height:180px;object-fit:cover;border-radius:18px}.member-footer{text-align:center;padding:36px 24px;background:white;color:var(--muted);font-size:14px}
@media(max-width:650px){.member-header{padding:8px 16px;gap:12px;flex-wrap:wrap}.member-header img{width:180px}.member-header nav{gap:16px;flex-wrap:wrap;width:100%;padding-bottom:12px}.member-header nav a{font-size:13px}.member-header nav .member-button{min-height:40px;padding:7px 13px}.member-hero{grid-template-columns:1fr;padding:36px 22px;gap:26px}.member-hero img{height:230px}.member-grid{grid-template-columns:1fr}.member-section{padding:32px 20px}.member-card{padding:24px}.member-form-section{padding:40px 16px}.member-form-section h2,.member-form-section h1{font-size:24px}.member-form{padding:24px 20px}.member-steps{gap:4px}.member-steps li{font-size:12px}.member-steps li span{margin-right:3px}.member-welcome{grid-template-columns:1fr;padding:24px}.member-welcome img{display:none}}

/* Keep account actions legible when the optional 3D link is present. */
@media(max-width:600px){.topbar .account-links{gap:8px!important;min-width:0}.topbar .account-links>span{display:none}.topbar .account-links>a,.topbar .account-links>button{white-space:nowrap;flex-shrink:0}.topbar .account-links>a{font-size:11px}.topbar .account-links .secondary{padding:8px 6px;font-size:10px}}
