.mj-page{--mj-ink:#233f33;--mj-green:#275e47;--mj-line:#dce5d9;--mj-muted:#71816b;max-width:1200px;padding-top:32px;color:var(--mj-ink)}
.mj-page *{box-sizing:border-box}.mj-page [hidden]{display:none!important}
.mj-hero{position:relative;overflow:hidden;border:1px solid #dce6d9;border-radius:22px;padding:34px;background:linear-gradient(120deg,#eef3e7,#faf8ed)}
.mj-hero h1,.mj-hero>p,.mj-badges{position:relative;z-index:1}.mj-hero h1{font-size:clamp(25px,3vw,34px);line-height:1.4;font-weight:850;max-width:650px;margin:0 0 16px;color:#244b37}
.mj-hero>p{font-size:14px;line-height:1.9;color:#68805e;max-width:760px;margin:0}.mj-hero .mj-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:850;color:#8b9372;margin-bottom:15px}
.mj-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.mj-badges span{font-size:11px;font-weight:650;line-height:1.7;border:1px solid #cfdcc7;border-radius:99px;background:#fff9;padding:6px 11px;color:#56734c}
.mj-hero-tile{position:absolute;right:8px;bottom:-27px;transform:rotate(14deg);font-family:serif;font-size:140px;font-weight:700;line-height:1;border:9px solid #51734b0a;border-radius:20px;padding:18px;color:#42723b0c;background:#fff2;pointer-events:none}
.mj-quicknav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.mj-quicknav a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #dce5d3;border-radius:9px;padding:9px 13px;background:#fff;color:#637d50;font-size:12px;font-weight:700;text-decoration:none;line-height:1.8}.mj-quicknav a:hover{background:#eef3e5;color:#3d6438}.mj-quicknav a:focus-visible{outline:3px solid #72996270;outline-offset:2px}#mj-guide-lessons,#mj-guide-yaku,#mj-guide-terms{scroll-margin-top:20px}
.mj-card{margin-top:23px;border:1px solid var(--mj-line);border-radius:18px;padding:27px;background:#fff;box-shadow:0 4px 25px #3f582705}
.mj-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.mj-card-heading h2{font-size:19px;line-height:1.6;font-weight:800;color:#34583b;margin:0}
.mj-step{display:flex;justify-content:center;align-items:center;width:28px;height:28px;flex-shrink:0;background:#edf2e3;border:1px solid #e1e7d4;border-radius:9px;font-size:10px;font-weight:850;color:#778465}
.mj-help{font-size:12px;line-height:1.95;color:var(--mj-muted);margin:14px 0}.mj-notice{font-size:12px;line-height:1.95;padding:14px 16px;background:#f8f4e5;border:1px solid #eee6ca;border-radius:11px;color:#897752;margin:15px 0}
.mj-page label{display:block;font-size:12px;font-weight:750;color:#61745a;line-height:1.7;margin-bottom:8px}
.mj-page input,.mj-page select,.mj-page textarea{width:100%;min-height:45px;padding:11px 13px;border:1px solid #ccd8c6;border-radius:9px;font:inherit;font-size:14px;line-height:1.5;background:#fff;color:#294a35}
.mj-page input:focus,.mj-page select:focus,.mj-page textarea:focus{outline:3px solid #72996235;outline-offset:1px;border-color:#729962}.mj-page textarea{resize:vertical;line-height:1.85}
.mj-page input:disabled,.mj-page select:disabled{background:#f3f5ef;color:#94a08c}.mj-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mj-mode-fields{margin-top:20px}.mj-wide{grid-column:1/-1}.mj-mode-fields .mj-help{margin:0}.mj-divider{border-top:1px solid #e9eee5;padding-top:21px;margin-top:22px}
.mj-rule-fields{margin-top:22px;padding:18px;border:1px solid #e3e8da;background:#fafbf6;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.mj-page .mj-rule-fields h3{font-size:13px;font-weight:750;grid-column:1/-1;margin:0 0 1px;color:#6b7e5c}.mj-page .mj-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.9;font-weight:600;margin:5px 0;padding:5px 0;color:#63785a}
.mj-page .mj-check input{width:19px;height:19px;min-height:19px;accent-color:var(--mj-green);flex-shrink:0;margin-top:2px;padding:0}
.mj-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:21px}.mj-page button,.mj-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:10px 16px;border:1px solid #ccd8c4;border-radius:9px;color:#56714a;background:#fff;font:inherit;font-size:13px;font-weight:750;line-height:1.6;text-align:center;text-decoration:none;cursor:pointer}
.mj-page button:hover,.mj-button:hover{color:#2d603c;background:#f2f6ea}.mj-page button:focus-visible,.mj-button:focus-visible{outline:3px solid #72996270;outline-offset:3px}.mj-page button.mj-primary{background:var(--mj-green);border-color:var(--mj-green);color:#fff}.mj-page button.mj-primary:hover{background:#1d4f38}.mj-page button.mj-quiet{background:transparent;border-color:transparent;color:#809072}
.mj-page button:disabled,.mj-page a.mj-button:not([href]){opacity:.45;pointer-events:none;cursor:not-allowed}.mj-status{min-height:24px;font-size:13px;line-height:1.9;margin:14px 0;color:#49734a;overflow-wrap:anywhere}.mj-status[data-error=true]{color:#ae5336}
.mj-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.mj-metric{border:1px solid #dfe6d6;border-radius:12px;padding:17px 13px;margin:0;background:#f8faf3;min-width:0}.mj-metric dt{font-size:11px;line-height:1.7;font-weight:650;color:#738368}.mj-metric dd{font-size:23px;line-height:1.5;font-weight:850;color:#3f6b44;margin:8px 0 0;overflow-wrap:anywhere}
.mj-metric-featured{background:#2b6048;border-color:#2b6048}.mj-metric-featured dt{color:#d9e8cd}.mj-metric-featured dd{color:#fff}
.mj-score-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px;padding:16px 2px}.mj-score-details>div{display:flex;flex-direction:column;gap:6px;min-width:0}.mj-score-details span{font-size:11px;color:#8b967d}.mj-score-details strong{font-size:13px;line-height:1.8;color:#5e7850;overflow-wrap:anywhere}
.mj-table-wrap{overflow-x:auto;border:1px solid #e3e9da;border-radius:11px;margin-top:7px}.mj-table-wrap:focus-visible{outline:3px solid #72996250;outline-offset:2px}.mj-page table{border-collapse:collapse;width:100%;font-size:12px;min-width:570px}.mj-page caption{text-align:right;padding:7px 12px;background:#fafbf7;font-size:10px;color:#8a967b}.mj-page th,.mj-page td{text-align:right;padding:12px 10px;border-top:1px solid #e7ebdf;white-space:nowrap}.mj-page th{background:#f3f6eb;color:#748663;font-size:10px;line-height:1.7}.mj-page th:first-child,.mj-page td:first-child{text-align:left;white-space:normal;min-width:110px}.mj-page td:last-child{color:#426c43;font-weight:800}.mj-page .mj-text-label{margin-top:24px;color:#7a8c6c;font-size:11px}
.mj-hand{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:18px 14px;padding:20px 12px 18px;background:#f4f6ec;border:1px solid #e8ecde;border-radius:14px}.mj-meld{text-align:center;min-width:0}.mj-tiles{display:flex;gap:3px}.mj-tile{width:34px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(135deg,#fffef8,#f7f4e6);border:1px solid #d5d7c6;border-radius:6px;box-shadow:0 3px 0 #c4d3ad,0 4px 0 #aabf8c;color:#537649;font-size:19px;font-weight:800;line-height:1.1;user-select:none}.mj-tile small{font-size:15px;font-family:serif;font-weight:750}.mj-man{color:#b7604c}.mj-pin{color:#577e93}.mj-east{font-family:serif;font-size:22px}.mj-white-face{display:block;width:20px;height:31px;border:2px solid #7599ab;border-radius:2px}.mj-meld-label{display:block;margin-top:12px;font-size:10px;line-height:1.7;color:#7c8b6c}.mj-structure>.mj-help{margin-top:18px}
.mj-search-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;align-items:end;gap:12px}.mj-found{font-size:11px;font-weight:700;color:#7b8c6a;margin:20px 0 15px}.mj-empty{font-size:13px;color:#81916f;padding:30px 16px;text-align:center;border:1px dashed #d5dfc7;border-radius:12px;line-height:1.8}.mj-yaku-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mj-yaku{border:1px solid #e0e7d5;background:#fffef9;border-radius:12px;padding:20px;min-width:0}.mj-yaku[data-yaku-category=yakuman]{background:#f7f5ed;border-color:#e3dbc8}.mj-yaku header h3{font-size:17px;line-height:1.6;font-weight:800;color:#456541;margin:0;overflow-wrap:anywhere}.mj-yaku header p{font-size:11px;letter-spacing:.06em;color:#97a086;margin:3px 0 12px}.mj-yaku-values{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 15px}.mj-yaku-values span{padding:4px 7px;border:1px solid #e6eadb;background:#f3f5e9;border-radius:6px;font-size:10px;color:#7d8d65;line-height:1.7}.mj-yaku>p{font-size:12px;line-height:1.95;color:#718064;margin:10px 0 0;overflow-wrap:anywhere}.mj-yaku>p.mj-yaku-note{font-size:11px;color:#939b81}
.mj-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.mj-lessons section{padding:20px;border:1px solid #e7ecdd;border-radius:11px;background:#fcfdf9;min-width:0}.mj-lesson-number{font-size:10px;font-weight:800;letter-spacing:.1em;color:#9ba88a}.mj-lessons h3{font-size:15px;line-height:1.7;font-weight:800;color:#58744b;margin:7px 0 10px}.mj-lessons p{font-size:12px;line-height:1.95;color:#77876b;margin:0;overflow-wrap:anywhere}
.mj-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}.mj-terms>div{border-bottom:1px solid #edf0e5;padding:15px 0}.mj-terms dt{font-size:13px;font-weight:750;line-height:1.8;color:#547247}.mj-terms dd{font-size:12px;line-height:1.95;color:#839075;margin:7px 0 0;overflow-wrap:anywhere}
.mj-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.mj-guide section{padding:24px;border:1px solid var(--mj-line);border-radius:14px;background:#fff;min-width:0}.mj-guide h2{font-size:16px;font-weight:800;color:#507044;margin:0 0 13px}.mj-guide p,.mj-guide li{font-size:13px;line-height:1.95;color:#7e8b72;overflow-wrap:anywhere}.mj-guide ul,.mj-guide ol{padding-left:21px;margin:0}.mj-guide li+li{margin-top:8px}.mj-guide .mj-example{background:#f7f5e6}.mj-guide details+details{margin-top:12px}.mj-guide summary{font-size:13px;line-height:1.8;font-weight:700;color:#58784a;cursor:pointer}.mj-guide a{color:#548248}
@media(max-width:760px){.mj-page{padding:22px 12px 40px}.mj-hero{padding:28px 24px}.mj-card{padding:23px 18px}.mj-guide{grid-template-columns:1fr}.mj-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-search-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-search-fields>div:first-child{grid-column:1/-1}.mj-search-fields>button{justify-self:end}.mj-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-hero-tile{font-size:110px}.mj-yaku{padding:17px}.mj-terms{gap:0 17px}}
@media(max-width:480px){.mj-hero{padding:26px 21px}.mj-hero h1{font-size:25px}.mj-hero>p{font-size:13px}.mj-card{padding:21px 14px}.mj-card-heading h2{font-size:17px}.mj-fields,.mj-rule-fields,.mj-lessons,.mj-terms,.mj-yaku-list{grid-template-columns:1fr}.mj-wide{grid-column:auto}.mj-rule-fields{padding:16px 13px}.mj-score-details{grid-template-columns:1fr;gap:12px;padding:18px 2px}.mj-score-details>div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:18px}.mj-score-details strong{text-align:right}.mj-score-details span{min-width:70px}.mj-metrics{gap:8px}.mj-metric{padding:16px 11px}.mj-metric dd{font-size:22px}.mj-search-fields{gap:10px}.mj-page button,.mj-button{font-size:12px;padding:10px 12px}.mj-hand{padding:20px 8px;gap:18px 14px}.mj-tile{width:31px;height:44px;font-size:18px}.mj-tile small{font-size:14px}.mj-guide section{padding:21px}.mj-terms{gap:0}.mj-lessons{gap:12px}}