/* アプリ側へ持ち込んでも既存画面に影響しないよう、本文内だけに適用する。 */
.model-guide{--mg-ink:#132f45;--mg-muted:#486071;--mg-accent:#087b94;--mg-line:#dce7ed;--mg-pale:#eef6fb;box-sizing:border-box;max-width:1120px;margin:0 auto;padding:56px 32px 70px;color:var(--mg-ink);background:#fff;font:16px/1.85 'BIZ UDPGothic','Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;overflow-wrap:anywhere}
.model-guide *{box-sizing:border-box}.model-guide [hidden]{display:none!important}.model-guide h1,.model-guide h2,.model-guide h3,.model-guide p{margin:0}.model-guide a{color:var(--mg-accent);text-decoration:underline;text-underline-offset:4px}.model-guide a:hover{text-decoration-thickness:2px}.model-guide :focus-visible{outline:3px solid #087b94;outline-offset:4px}.model-guide h1{font-size:clamp(28px,4vw,44px);line-height:1.45;letter-spacing:-.025em}.model-guide h2{font-size:28px;line-height:1.5}.model-guide h3{font-size:18px;line-height:1.65}.model-guide button,.model-guide input,.model-guide select{font:inherit}.model-guide button{cursor:pointer}.model-guide section,.model-guide details{scroll-margin-top:110px}.model-guide .mg-eyebrow{color:var(--mg-accent);font-size:14px;margin-bottom:12px;font-weight:700}.model-guide .mg-lead{font-size:18px;max-width:780px;margin-top:24px}.model-guide .mg-meta{color:var(--mg-muted);font-size:12px;margin-top:22px}.model-guide .mg-jump{display:flex;flex-wrap:wrap;gap:12px 26px;border-block:1px solid var(--mg-line);padding:20px 0;margin-top:36px;font-size:14px}.model-guide>section{padding-top:58px}.model-guide .mg-section-heading{margin-bottom:26px}.model-guide .mg-section-heading p{margin-top:10px;max-width:840px;color:var(--mg-muted)}.model-guide .mg-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.model-guide .mg-task{padding:22px 0;border-top:2px solid var(--mg-line)}.model-guide .mg-task h3{color:var(--mg-ink)}.model-guide .mg-task p{font-size:14px;color:var(--mg-muted);margin-top:8px}.model-guide .mg-task ul{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;margin:12px 0 0;list-style:none;font-size:13px}.model-guide .mg-note{background:var(--mg-pale);padding:18px 22px;font-size:13px;margin-top:18px;border-left:3px solid var(--mg-accent)}
.model-guide .mg-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;background:#f5f8fa;padding:24px;margin-bottom:12px;border-radius:12px}.model-guide .mg-filters label{font-size:13px;font-weight:700}.model-guide .mg-filters input,.model-guide .mg-filters select{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid #aabfc9;border-radius:5px;background:white;color:var(--mg-ink);padding:9px;font-size:14px}.model-guide .mg-filters button{grid-column:1/-1;justify-self:start;border:0;background:transparent;color:var(--mg-accent);font-size:13px;padding:5px 0;text-decoration:underline}.model-guide .mg-filter-status{color:var(--mg-muted);font-size:13px;min-height:24px;margin-bottom:14px}.model-guide .mg-model{border-top:1px solid var(--mg-line)}.model-guide .mg-model:last-child{border-bottom:1px solid var(--mg-line)}.model-guide .mg-model summary{list-style:none;display:grid;grid-template-columns:minmax(220px,1fr) 1.2fr 24px;align-items:center;gap:24px;cursor:pointer;padding:23px 12px}.model-guide .mg-model summary::-webkit-details-marker{display:none}.model-guide .mg-model summary:hover{background:#f5f9fb}.model-guide .mg-model-identity small{display:block;font-size:11px;color:var(--mg-muted)}.model-guide .mg-model-identity strong{display:block;font-size:20px;line-height:1.6}.model-guide .mg-model-headline{font-size:14px}.model-guide .mg-expand{font-size:20px;color:var(--mg-accent)}.model-guide .mg-model[open] .mg-expand{transform:rotate(45deg)}.model-guide .mg-model[open]{background:#f7fafc}.model-guide .mg-model-body{padding:0 28px 26px}.model-guide dl{margin:0;border-top:1px solid var(--mg-line)}.model-guide dl>div{display:grid;grid-template-columns:170px 1fr;gap:24px;padding-top:18px}.model-guide dt{font-weight:700;font-size:13px}.model-guide dd{margin:0;font-size:15px}.model-guide .mg-sources{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:12px;color:var(--mg-muted)}.model-guide .mg-compare-link{display:inline-block;margin-top:12px;font-size:13px}.model-guide .mg-empty{background:var(--mg-pale);padding:30px}.model-guide .mg-empty button,.model-guide [data-mg-copy]{padding:10px 20px;border:1px solid var(--mg-accent);border-radius:6px;background:#fff;color:var(--mg-accent);min-height:44px;margin-top:12px}
.model-guide .mg-flow{margin:28px 0;background:var(--mg-pale);border-radius:18px;padding:30px;text-align:center}.model-guide .mg-flow strong,.model-guide .mg-flow span{display:block}.model-guide .mg-flow strong{font-size:17px}.model-guide .mg-flow span{font-size:13px}.model-guide .mg-flow-input{margin:auto;max-width:380px;padding:18px 24px;background:var(--mg-ink);color:white;border-radius:10px}.model-guide .mg-flow-arrow{font-size:24px!important;color:var(--mg-accent);line-height:1.6}.model-guide .mg-flow-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.model-guide .mg-flow-models>div{padding:20px 10px;background:white;border-top:4px solid var(--mg-accent);border-radius:6px}.model-guide .mg-flow-result{padding:17px;background:#dceef0;border-radius:8px}.model-guide figcaption{margin-top:20px;font-size:12px;text-align:left;color:var(--mg-muted)}.model-guide .mg-steps{padding-left:24px;margin:30px 0}.model-guide .mg-steps li{padding:0 0 20px 6px}.model-guide .mg-steps p{font-size:15px;margin-top:5px}.model-guide .mg-prompt{border:1px solid var(--mg-line);border-radius:12px;padding:26px}.model-guide .mg-prompt>p{font-size:14px;margin-top:10px}.model-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.9;background:#f5f8fa;padding:22px;margin:20px 0 0}.model-guide .mg-copy-status{display:block;font-size:13px;min-height:24px;margin-top:8px}.model-guide .mg-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.model-guide .mg-context-grid ul{padding-left:20px;font-size:14px}.model-guide .mg-context-grid li+li{margin-top:14px}.model-guide .mg-footer{margin-top:48px;border-top:1px solid var(--mg-line);padding-top:24px;font-size:13px;color:var(--mg-muted)}.model-guide .mg-footer a{display:inline-block;margin-top:12px}
@media(max-width:700px){.model-guide{padding:32px 20px 48px}.model-guide h2{font-size:23px}.model-guide .mg-lead{font-size:16px}.model-guide>section{padding-top:38px}.model-guide .mg-task-grid,.model-guide .mg-context-grid{grid-template-columns:1fr}.model-guide .mg-filters{grid-template-columns:1fr;padding:18px}.model-guide .mg-model summary{grid-template-columns:1fr 24px;gap:8px 12px;padding:19px 8px}.model-guide .mg-model-headline{grid-row:2;grid-column:1;font-size:13px}.model-guide .mg-expand{grid-row:1/3;grid-column:2}.model-guide .mg-model-identity strong{font-size:19px}.model-guide .mg-model-body{padding:0 16px 24px}.model-guide dl>div{grid-template-columns:1fr;gap:4px}.model-guide .mg-flow{padding:20px 14px}.model-guide .mg-flow-models{gap:7px}.model-guide .mg-flow-models strong{font-size:14px}.model-guide .mg-flow-models span{font-size:11px}.model-guide .mg-flow-result strong{font-size:15px}.model-guide .mg-prompt{padding:20px 16px}.model-guide pre{padding:16px;font-size:13px}.model-guide .mg-jump{gap:12px 18px;font-size:13px}}
.model-guide .mg-provider-icon{display:block;flex:none;width:32px;height:32px;object-fit:contain;background:transparent;border-radius:0;padding:2px}.model-guide .mg-provider-icon-small{display:inline-block;width:18px;height:18px;padding:0;border-radius:3px;vertical-align:middle;margin-right:6px}.model-guide .mg-model-identity{display:flex;align-items:center;gap:12px;min-width:0}.model-guide .mg-task a{display:inline-flex;align-items:center}.model-guide .mg-provider-shortcuts{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;margin-top:12px}.model-guide .mg-provider-row{display:grid;grid-template-columns:1fr 1.7fr;gap:30px;padding:24px 0;border-top:1px solid var(--mg-line)}.model-guide .mg-provider-name{display:flex;align-items:flex-start;gap:14px}.model-guide .mg-provider-name p{font-size:12px;color:var(--mg-muted);margin-top:4px}.model-guide .mg-provider-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}.model-guide .mg-provider-links small{font-size:11px;color:var(--mg-muted);margin-top:4px}.model-guide .mg-external-mark{font-size:12px}@media(max-width:700px){.model-guide .mg-provider-row{grid-template-columns:1fr;gap:16px}.model-guide .mg-provider-links{padding-left:46px}.model-guide .mg-model-identity{gap:10px}}

/* 比較図もPCでは本文より狭くまとめ、説明と同じ画面で見渡せるようにする。 */
@media(min-width:900px){.model-guide .mg-flow{max-width:640px;margin:24px auto;padding:20px}.model-guide .mg-flow-input{padding:12px 20px}.model-guide .mg-flow-models>div{padding:14px 8px}.model-guide .mg-flow-result{padding:12px}.model-guide .mg-flow-arrow{line-height:1.3}}