:root{--mak-navy:#0D2B4D;--mak-blue:#234D7A;--mak-slate:#5B738E;--mak-bg:#F4F7FA;--mak-border:#E3E8EE;--mak-text:#1D2939;--mak-white:#fff}
.mak-wrap{max-width:1180px;margin:0 auto;padding:28px 20px;color:var(--mak-text);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif}
.mak-logo{font-size:30px;font-weight:900;letter-spacing:.04em;color:var(--mak-navy)}.mak-logo small{display:block;font-size:10px;font-weight:700;letter-spacing:.28em;color:var(--mak-slate);margin-top:-2px}
.mak-hero{background:linear-gradient(135deg,#fff,#eef4f9);border:1px solid var(--mak-border);border-radius:12px;padding:34px;margin-bottom:32px}.mak-hero h1{font-size:28px;margin:18px 0 8px}.mak-hero p{margin:0;color:var(--mak-slate)}
.mak-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 14px}.mak-section-head h1,.mak-section-head h2{margin:0;color:var(--mak-navy)}.mak-section-head a{color:var(--mak-blue);font-weight:700;text-decoration:none}
.mak-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mak-course-card{background:#fff;border:1px solid var(--mak-border);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(13,43,77,.05)}.mak-course-card a{text-decoration:none;color:inherit}.mak-thumb{aspect-ratio:16/9;background:#e9eef4;position:relative;overflow:hidden}.mak-thumb img{width:100%;height:100%;object-fit:cover}.mak-thumb-placeholder{height:100%;display:grid;place-items:center;font-size:28px;font-weight:900;color:var(--mak-navy)}.mak-thumb span{position:absolute;right:8px;bottom:8px;background:rgba(13,43,77,.9);color:#fff;padding:3px 7px;border-radius:4px;font-size:12px}.mak-course-body{padding:14px}.mak-course-body h3{margin:5px 0 8px;font-size:17px;color:var(--mak-navy);line-height:1.45}.mak-course-body p{font-size:13px;color:var(--mak-slate);margin:0}.mak-kicker{font-size:11px;font-weight:800;color:var(--mak-blue)}
.mak-card,.mak-learning,.mak-list-item,.mak-empty{background:#fff;border:1px solid var(--mak-border);border-radius:10px;padding:20px;margin:14px 0}.mak-btn{display:inline-block;background:var(--mak-navy);color:#fff!important;border:0;border-radius:7px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}.mak-complete{text-align:center;margin:26px 0}.mak-complete-btn.is-done{background:#2f7a59}.mak-meta{font-size:13px;color:var(--mak-slate);margin:12px 0}.mak-video{aspect-ratio:16/9;background:#111;border-radius:10px;overflow:hidden}.mak-video iframe,.mak-video video{width:100%;height:100%;border:0}.mak-video-empty{height:100%;display:grid;place-items:center;color:#fff}.mak-learning h2{font-size:18px;margin-top:0;color:var(--mak-navy)}.mak-action{background:#edf4fa}.mak-owner{border-left:5px solid var(--mak-blue)}
.mak-list{display:grid;gap:10px}.mak-list-item{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0;text-decoration:none;color:inherit}.mak-list-item p{margin:4px 0 0;color:var(--mak-slate);font-size:13px}.mak-list-item span{font-size:12px;color:var(--mak-slate)}
.mak-filters{background:#fff;border:1px solid var(--mak-border);padding:15px;border-radius:10px;margin:18px 0}.mak-filters>div{margin:8px 0}.mak-chip{display:inline-block;border:1px solid var(--mak-border);border-radius:999px;padding:5px 10px;margin:3px;color:var(--mak-blue);text-decoration:none;font-size:12px}.mak-login{max-width:500px}.mak-login .mak-card{padding:32px}.mak-login input[type=text],.mak-login input[type=password]{width:100%;padding:10px}
@media(max-width:900px){.mak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mak-hero h1{font-size:23px}}
@media(max-width:580px){.mak-wrap{padding:18px 14px}.mak-grid{grid-template-columns:1fr}.mak-hero{padding:22px}.mak-section-head{align-items:start}.mak-list-item{align-items:flex-start}.mak-video{border-radius:7px}}
.mak-owner-actions{display:flex;justify-content:flex-end;margin:18px 0}.mak-owner-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.mak-owner-summary>div{background:#fff;border:1px solid var(--mak-border);border-radius:10px;padding:18px}.mak-owner-summary span{display:block;font-size:12px;color:var(--mak-slate);margin-bottom:6px}.mak-owner-summary strong{display:block;font-size:24px;color:var(--mak-navy)}.mak-company-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.mak-company-head h2{margin:0 0 6px}.mak-employee-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.mak-employee-stats span{background:var(--mak-bg);padding:6px 9px;border-radius:999px}.mak-modal{position:fixed;inset:0;background:rgba(13,43,77,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}.mak-modal.is-open{display:flex}.mak-modal-panel{width:min(560px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:12px;padding:26px;box-shadow:0 24px 70px rgba(13,43,77,.25);position:relative}.mak-modal-panel h2{margin-top:0;color:var(--mak-navy)}.mak-modal-close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--mak-slate)}.mak-modal-panel label{display:block;font-weight:700;margin:14px 0 8px}.mak-modal-panel input[type=text],.mak-modal-panel input[type=email],.mak-modal-panel textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--mak-border);border-radius:7px;font:inherit}.mak-check-row{display:flex!important;gap:10px;align-items:center;padding:10px;border:1px solid var(--mak-border);border-radius:8px}.mak-check-row input{width:18px;height:18px}.mak-check-row span{display:flex;flex-direction:column}.mak-check-row small{font-weight:400;color:var(--mak-slate)}.mak-employee-checks{display:grid;gap:8px;max-height:260px;overflow:auto}.mak-form-message{min-height:22px;margin:9px 0;font-weight:700}.mak-form-message.is-success{color:#2f7a59}.mak-form-message.is-error{color:#b42318}.mak-modal-open{overflow:hidden}
@media(max-width:760px){.mak-owner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mak-company-head{align-items:flex-start;flex-direction:column}.mak-employee-row{flex-direction:column}.mak-employee-stats{justify-content:flex-start}}

/* Ver.0.6 billing */
.mak-signup-form input[type="text"],.mak-signup-form input[type="email"],.mak-signup-form input[type="tel"],.mak-signup-form input[type="number"]{border:1px solid #d7dee7;border-radius:8px;padding:12px 14px;background:#fff;color:#172033;box-sizing:border-box}
.mak-signup-form input:focus{outline:2px solid #234D7A33;border-color:#234D7A}
.mak-price-preview{padding:14px 16px;background:#f4f7fa;border-radius:8px;max-width:560px}
.mak-note{font-size:.9em;color:#5B738E}
.mak-alert{padding:12px 14px;border-radius:8px;margin:12px 0}.mak-alert-error{background:#fff3f2;color:#9d241f;border:1px solid #f2c9c6}
.mak-billing-list{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:0;border-top:1px solid #e3e8ee;margin:20px 0}.mak-billing-list dt,.mak-billing-list dd{margin:0;padding:14px;border-bottom:1px solid #e3e8ee}.mak-billing-list dt{font-weight:700;background:#f7f9fb}
@media(max-width:640px){.mak-billing-list{grid-template-columns:1fr}.mak-billing-list dt{border-bottom:0;padding-bottom:4px}.mak-billing-list dd{padding-top:4px}}

/* =========================================================
   Ver.0.6.4 — ブランドロゴ / 認証画面 / オンボーディング
========================================================= */
.mak-app-brand{display:flex;align-items:center;min-width:180px}
.mak-app-brand img{display:block;width:auto;height:42px;max-width:220px;object-fit:contain}

/* ログイン・無料登録はテーマ見出しの影響を完全に受けない独自UI */
.mak-auth-shell{width:100%;min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at 50% 0,#fff 0,#F5F8FB 46%,#EAF1F7 100%)}
.mak-auth-card{width:min(100%,480px);padding:42px 42px 36px;background:#fff;border:1px solid #DCE5EE;border-radius:18px;box-shadow:0 18px 50px rgba(13,43,77,.08)}
.mak-auth-card-wide{width:min(100%,620px)}
.mak-auth-logo{display:block;width:auto;max-width:250px;height:auto;max-height:76px;margin:0 auto 18px;object-fit:contain}
.mak-auth-title{margin:28px 0 22px;padding:0!important;border:0!important;background:none!important;color:#0D2B4D!important;font-size:28px!important;line-height:1.35!important;font-weight:900!important;letter-spacing:.03em!important;text-align:center!important;box-shadow:none!important}
.mak-auth-lead{margin:0 auto 22px;color:#5B738E;text-align:center;font-size:14px;line-height:1.8}
.mak-auth-card form{margin:0}.mak-auth-card form p{margin:0 0 16px}
.mak-auth-card label,.mak-auth-form label{display:block;margin:0 0 16px;color:#1D2939;font-size:14px;font-weight:700;line-height:1.5}
.mak-auth-card input[type="text"],.mak-auth-card input[type="email"],.mak-auth-card input[type="tel"],.mak-auth-card input[type="password"]{width:100%!important;min-height:50px!important;margin-top:7px!important;padding:10px 13px!important;border:1px solid #CBD7E3!important;border-radius:8px!important;background:#F9FBFD!important;color:#1D2939!important;font-size:16px!important;box-shadow:none!important}
.mak-auth-card input:focus{outline:0!important;border-color:#234D7A!important;box-shadow:0 0 0 3px rgba(35,77,122,.10)!important;background:#fff!important}
.mak-auth-card #wp-submit{width:100%!important;min-height:50px!important;margin-top:8px!important;border:0!important;border-radius:8px!important;background:#0D2B4D!important;color:#fff!important;font-size:16px!important;font-weight:800!important;cursor:pointer!important}
.mak-auth-card .login-remember label{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.mak-auth-card .login-remember input{width:18px!important;height:18px!important;margin:0!important}
.mak-auth-links{text-align:center;font-size:13px}.mak-auth-links a{color:#234D7A!important;text-decoration:none!important;font-weight:700}
.mak-auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 18px;color:#8A9BAC;font-size:12px}.mak-auth-divider:before,.mak-auth-divider:after{content:"";height:1px;flex:1;background:#E3E8EE}
.mak-auth-note{margin:14px 0 0!important;color:#7B8B9A;font-size:12px;line-height:1.7;text-align:center}
.mak-btn-full{width:100%;display:flex!important}.mak-btn-outline{background:#fff!important;color:#0D2B4D!important;border:1px solid #CBD7E3!important}.mak-btn-outline:hover{background:#F4F7FA!important}

/* 利用開始3ステップ */
.mak-onboarding{margin:0 0 30px;padding:24px;background:#fff;border:1px solid #DFE7EF;border-radius:14px;box-shadow:0 6px 20px rgba(13,43,77,.04)}
.mak-onboarding-head h2{margin:4px 0 18px!important;padding:0!important;border:0!important;background:none!important;color:#0D2B4D!important;font-size:22px!important;box-shadow:none!important}
.mak-onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mak-onboarding-step{display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:16px;border:1px solid #E3E8EE;border-radius:10px;background:#F8FAFC}
.mak-onboarding-step b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#DCE5EE;color:#5B738E}
.mak-onboarding-step>div{display:grid;align-content:start;gap:8px;min-width:0}.mak-onboarding-step strong{color:#0D2B4D}.mak-onboarding-step span{color:#647789;font-size:12px}
.mak-onboarding-step.is-current{border-color:#234D7A;background:#F3F7FB}.mak-onboarding-step.is-current b,.mak-onboarding-step.is-done b{background:#0D2B4D;color:#fff}
.mak-step-done{font-weight:700;color:#2F6A50!important}.mak-step-wait{padding:8px 0}
.mak-start-card,.mak-contract-start{max-width:780px!important}
.mak-seat-form{margin-top:22px}.mak-seat-row{display:flex;align-items:center;gap:10px;margin-top:8px}.mak-seat-row input{width:120px!important;min-height:48px;padding:8px 12px;border:1px solid #CBD7E3;border-radius:8px;font-size:18px}.mak-seat-price{margin:20px 0;font-size:15px}.mak-seat-price strong{display:inline-block;margin-left:6px;color:#0D2B4D;font-size:28px}.mak-seat-price small{color:#647789}

@media(max-width:700px){
 .mak-app-brand img{height:34px;max-width:160px}
 .mak-auth-card{padding:30px 22px 26px;border-radius:14px}.mak-auth-title{font-size:24px!important}.mak-auth-logo{max-width:220px}
 .mak-onboarding-steps{grid-template-columns:1fr}.mak-onboarding-step{min-height:auto}
}


/* v0.6.5 password visibility + demo + admin login */
.mak-password-field{position:relative;display:flex;align-items:center}.mak-password-field input{width:100%;padding-right:52px!important}.mak-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;border-radius:6px}.mak-password-toggle:hover{background:#eef4f8}.mak-admin-login-link{text-align:center;margin-top:18px;font-size:13px}.mak-admin-login-link a{color:#5b738e}.mak-demo-contract{margin-top:28px;padding-top:24px;border-top:1px solid #dbe4ec}.mak-demo-contract form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.mak-demo-contract input[type=number]{width:90px}.mak-breadcrumb{font-size:13px;color:#64748b;margin:0 0 16px}.mak-breadcrumb a{color:#234d7a}.mak-lesson-head{margin-bottom:22px}.mak-lesson-head h1{margin:.25rem 0 .5rem!important;padding:0!important;border:0!important;background:none!important;color:#0d2b4d!important;font-size:clamp(26px,3vw,40px)!important}.mak-lesson-page .mak-lesson-content{margin-top:24px}

/* =========================================================
   Ver.0.6.8 — 認証UI圧縮 / SWELL見出しリセット
========================================================= */
/* ログイン画面は1画面に収まりやすい密度へ */
.mak-auth-shell{
  min-height:100svh!important;
  padding:12px 16px!important;
  box-sizing:border-box!important;
  align-items:center!important;
}
.mak-auth-card{
  width:min(100%,470px)!important;
  padding:24px 34px 22px!important;
  border-radius:16px!important;
}
.mak-auth-logo{
  max-width:220px!important;
  max-height:58px!important;
  margin:0 auto 8px!important;
}
.mak-auth-lead{margin:0 auto 10px!important;line-height:1.5!important}
.mak-auth-title{margin:12px 0 14px!important;font-size:25px!important;line-height:1.25!important}
.mak-auth-card form p{margin:0 0 10px!important}
.mak-auth-card label,.mak-auth-form label{margin:0 0 10px!important}
.mak-auth-card input[type="text"],
.mak-auth-card input[type="email"],
.mak-auth-card input[type="tel"],
.mak-auth-card input[type="password"]{
  min-height:46px!important;
  margin-top:5px!important;
  padding:8px 44px 8px 12px!important;
}
.mak-auth-card #wp-submit{min-height:46px!important;margin-top:4px!important}
.mak-auth-links{margin:8px 0!important}
.mak-auth-divider{margin:14px 0 12px!important}
.mak-auth-note{margin:9px 0 0!important;line-height:1.45!important}

/* wp_login_form が出すパスワード欄にも目ボタンを重ねられる */
.mak-auth-card .login-password{position:relative!important}
.mak-auth-card .login-password .mak-password-toggle{top:auto!important;right:8px!important;bottom:4px!important;transform:none!important}

/* マカセタアプリ内ではSWELLのh2装飾を全面的に無効化 */
.mak-app-shell h1,.mak-app-shell h2,.mak-app-shell h3,
.mak-auth-shell h1,.mak-auth-shell h2,.mak-auth-shell h3{
  background:none!important;
  background-image:none!important;
  border:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.mak-app-shell h1:before,.mak-app-shell h1:after,
.mak-app-shell h2:before,.mak-app-shell h2:after,
.mak-app-shell h3:before,.mak-app-shell h3:after,
.mak-auth-shell h1:before,.mak-auth-shell h1:after,
.mak-auth-shell h2:before,.mak-auth-shell h2:after,
.mak-auth-shell h3:before,.mak-auth-shell h3:after{
  display:none!important;
  content:none!important;
}
/* 通常のアプリ見出しにだけ自然な余白を戻す */
.mak-app-main .mak-wrap>h1{padding:0!important;margin:0 0 12px!important;color:#0D2B4D!important}
.mak-app-main .mak-section-head h2,.mak-app-main .mak-learning h2,.mak-app-main .mak-card h2{padding:0!important}

@media(max-height:760px) and (min-width:701px){
  .mak-auth-shell{padding:8px 14px!important;align-items:start!important}
  .mak-auth-card{margin:4px auto!important;padding:18px 30px!important}
  .mak-auth-logo{max-height:48px!important;max-width:200px!important;margin-bottom:5px!important}
  .mak-auth-title{font-size:23px!important;margin:8px 0 10px!important}
  .mak-auth-lead{font-size:12px!important;margin-bottom:7px!important}
  .mak-auth-card input[type="text"],.mak-auth-card input[type="password"]{min-height:42px!important}
  .mak-auth-card #wp-submit{min-height:42px!important}
}

/* Ver.0.6.8 auth compact spacing */
.mak-auth-logo{margin-bottom:8px!important}
.mak-auth-lead{margin-bottom:8px!important}
.mak-auth-title{margin:9px 0 12px!important}