/* 選定資料の参考サイト比較。写真やロゴの転載・追加JSなし。 */
.ref-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.ref-heading>span,.ref-note,.ref-scope-note{font-size:.75rem;color:#526172}.ref-intro{max-width:70ch;font-size:.9rem}.ref-legend{list-style:none;padding:0;display:flex;gap:10px 22px;flex-wrap:wrap;font-size:.75rem;margin:18px 0 10px}.ref-legend li{display:flex;align-items:center;gap:7px}.ref-mark{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:4px;min-width:28px;padding:1px 5px;line-height:1.6;font-size:.75rem;white-space:nowrap}.ref-present{color:#16613e;background:#ecf7f0}.ref-partial{color:#765015;background:#fff6e7}.ref-unverified,.ref-na{color:#536173;background:#f0f3f6}.ref-table{min-width:0;table-layout:fixed;font-size:.75rem;background:#fff}.ref-table caption{text-align:left;font-size:.8rem;font-weight:700;padding:12px 0}.ref-table th,.ref-table td{padding:12px 9px;border:1px solid #d8e0e8;white-space:normal}.ref-table thead{background:#e8eff7}.ref-table th:first-child{width:21%}.ref-table th[scope=row]{text-align:left;font-weight:400}.ref-group{display:block;font-size:.7rem;color:#596b7f;font-weight:500;margin-bottom:4px}.ref-name{display:block;font-size:.9rem;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.ref-palette{display:flex;gap:3px;margin:10px 0 7px}.ref-palette i{width:24px;height:8px;border:1px solid #66758466}.ref-design{display:block;font-size:.75rem;line-height:1.6;color:#414e5e}.ref-cell{display:flex;align-items:flex-start;flex-direction:column;gap:5px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere;color:#293b4e;min-height:60px}.ref-cell .ref-source{color:#1659a6;text-decoration:underline;text-underline-offset:3px;font-size:.65rem}.ref-cell:hover .ref-source{text-decoration-thickness:2px}.ref-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;margin:18px 0 24px}.ref-notes article{min-width:0}.ref-notes h3{font-size:.85rem;margin:0}.ref-detail{margin-top:8px;padding-top:8px}.ref-detail summary{font-size:.75rem;padding:8px 0;min-height:44px}.ref-detail p{font-size:.8rem;margin:12px 0}.ref-detail b{display:block;margin-bottom:4px}.ref-detail .ref-scope{font-size:.7rem;color:#526172}.ref-mobile{display:none}.ref-scope-note{margin-top:20px;max-width:95ch}.ref-takeaway{background:#eaf1f9;border-left:3px solid #4e749e;padding:20px 24px;margin-top:22px}.ref-takeaway h3{font-size:1rem;margin:0 0 10px}.ref-takeaway p{max-width:80ch;font-size:.85rem}.ref-takeaway a{font-size:.85rem;font-weight:700;display:inline-block;padding:10px 0;min-height:44px}
@media(max-width:1099px){.ref-desktop{display:none}.ref-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ref-card{min-width:0;border:1px solid #c7d3e0;background:white;padding:18px}.ref-card h3{margin:0 0 16px}.ref-name{font-size:1rem}.ref-card dl{margin:0}.ref-card dl>div{display:grid;grid-template-columns:95px minmax(0,1fr);border-top:1px solid #e0e6ed;padding:10px 0;gap:8px}.ref-card dt{font-size:.75rem;font-weight:700;padding-top:4px}.ref-card dd{margin:0}.ref-card .ref-cell{font-size:.75rem;min-height:44px;gap:4px}.ref-cell .ref-source{font-size:.7rem}.ref-card .ref-detail{margin-top:0}.ref-note{margin-bottom:18px}}
@media(max-width:600px){.ref-mobile{grid-template-columns:1fr}.ref-heading>span{margin-bottom:10px}.ref-legend{gap:10px 16px}.ref-takeaway{padding:18px}.ref-card dl>div{grid-template-columns:88px minmax(0,1fr)}}
@media print{.ref-desktop{display:block}.ref-mobile{display:none}.ref-table{font-size:8pt}.ref-table th,.ref-table td{padding:7px}.ref-table tr{break-inside:avoid}.ref-table .ref-name{font-size:9pt}.ref-table .ref-source{display:none}.ref-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-takeaway{break-inside:avoid}}