/* /quality 「AI っぽさを減らすためのチェック表」 (quality.js). Built on credits.css; colours from theme.css only. */
.quality-main{max-width:980px}
.quality-intro p{max-width:46em}
.quality-key{padding:10px 14px;border-left:3px solid var(--c-384bff);background:var(--c-ffffff);font-weight:600;color:var(--t-26302e)}
.quality-link a{color:var(--t-384bff);text-decoration:underline;text-underline-offset:4px}
.quality-section{margin-top:48px}
.quality-section h2{font-size:clamp(20px,2.4vw,26px);margin:0 0 14px}
.quality-section>p{max-width:46em;color:var(--t-59626d);line-height:1.8}
.quality-note{font-size:13px}
.quality-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;counter-reset:step}
.quality-steps li{display:grid;gap:6px;padding:16px;border:1px solid var(--c-d8dcd3);background:var(--c-ffffff);line-height:1.75;counter-increment:step}
.quality-steps b{font-size:15px}
.quality-steps b::before{content:counter(step) ". ";color:var(--t-384bff)}
.quality-steps span{color:var(--t-26302e);font-size:14px}
.quality-groups{display:grid;gap:18px}
.quality-group{padding:18px;border:1px solid var(--c-d8dcd3);background:var(--c-ffffff)}
.quality-group-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.quality-group-head h3{margin:0;font-size:17px}
.quality-pattern-link{margin-left:auto;font-size:13px;color:var(--t-384bff);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.quality-id{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c-242d28);color:var(--t-ffffff);font-weight:700;font-size:13px}
.quality-group-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}
.quality-table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.65}
.quality-table th{padding:6px 8px;border-bottom:1px solid var(--c-c9cfc2);text-align:left;font-size:12px;font-weight:600;color:var(--t-59626d);white-space:nowrap}
.quality-table td{padding:8px;border-bottom:1px solid var(--c-e5e8df);vertical-align:top;color:var(--t-26302e)}
.quality-table td b{display:block}
.quality-item-id{display:inline-block;margin-right:6px;font-size:11px;color:var(--t-59626d)}
.quality-item-id+b{display:inline}
.quality-desc{display:block;color:var(--t-59626d)}
.quality-look{color:var(--t-26302e)}
.quality-methods{white-space:nowrap}
.quality-methods span{display:inline-block;margin:0 4px 4px 0;padding:0 7px;border:1px solid var(--c-d8dcd3);border-radius:999px;font-size:11.5px;color:var(--t-59626d)}
.quality-example{margin:0}
.quality-crop{position:relative;overflow:hidden;width:100%;max-height:260px;border:1px solid var(--c-d8dcd3);background:var(--c-f2f1ec)}
.quality-crop img{position:absolute;max-width:none}
.quality-example figcaption{margin-top:6px;font-size:12px;color:var(--t-59626d)}
@media (max-width:760px){
 .quality-group{padding:14px}
 .quality-group-body{grid-template-columns:1fr}
 .quality-example{order:-1;max-width:320px}
 .quality-table thead{display:none}
 .quality-table,.quality-table tbody,.quality-table tr,.quality-table td{display:block;width:100%}
 .quality-table tr{padding:8px 0;border-bottom:1px solid var(--c-e5e8df)}
 .quality-table td{padding:2px 0;border:0}
 .quality-methods{white-space:normal}
}
.quality-guard-intro{padding:10px 14px;border-left:3px solid var(--c-384bff);background:var(--c-ffffff);font-weight:600;color:var(--t-26302e);max-width:46em}
.quality-guard-list{margin:14px 0 0;padding-left:1.6em;display:grid;gap:6px;line-height:1.7;color:var(--t-26302e)}
.quality-guard-list b{margin-right:8px}
.quality-guard-groups{font-size:12px;color:var(--t-59626d)}
.quality-guard-raw{margin-top:14px;border:1px solid var(--c-d8dcd3);background:var(--c-ffffff)}
.quality-guard-raw summary{padding:10px 14px;cursor:pointer;font-size:13.5px}
.quality-guard-raw pre{margin:0;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12.5px;line-height:1.7;color:var(--t-26302e);border-top:1px solid var(--c-e5e8df)}