/* MEGURU : fond blanc et illustrations */
:root{--bg:#FFFFFF;--surface:#FFFFFF;--line:#E6E0D4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#111111;--surface:#111111;--line:#3A3730}}
.art{border-radius:14px;background:#F4EFE6;overflow:hidden;line-height:0}
.art svg{display:block;width:100%;height:auto}
.card .art{margin:-4px -4px 2px}
.card:hover .art{background:#EFE8DA}
.course-head .art{flex:none;width:min(340px,38%);order:2;margin-left:auto}
.course-head{align-items:center}
.promise .art{display:block;grid-template-columns:none;gap:0;margin:-6px -6px 4px}
@media (max-width:760px){.course-head{flex-wrap:wrap}.course-head .art{width:100%;order:3}}
.notice{font-size:.9rem;line-height:1.45;color:var(--ink);background:var(--surface2);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:10px 14px;margin:6px 0 0}
@media (max-width:640px){.topbar{position:static}.nav a{padding:6px 11px;font-size:.88rem}}
.foot-brand{flex-wrap:wrap}.foot>span{min-width:0}
.lockbox{width:100%;min-width:0}.lockbox input{min-width:0;width:100%}.lockbox .btn{max-width:100%}
@media (max-width:640px){.lockbox input{font-size:1.05rem;letter-spacing:.05em}#pt .info{display:none}#pt .bar{padding:8px 10px;gap:6px}#pt .bar b{flex-basis:100%}}