.coe-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.coe-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}.coe-filter input{min-width:0;max-width:100%;padding:10px;border:1px solid #bac5b5;border-radius:8px}.coe-filter button,fieldset button{padding:10px 18px;background:#25483a;color:white;border:0;border-radius:8px}.coe-check{display:block;margin:10px 0}.article-body .table-wrap{overflow-x:auto;max-width:100%}.article-body th,.article-body td{white-space:normal;overflow-wrap:anywhere;min-width:90px;padding:12px}.article-body table{width:100%;border-collapse:collapse}.article-body td,.article-body th{border-bottom:1px solid #d8ddcb;text-align:left}.article-body dl{display:grid;grid-template-columns:130px 1fr;gap:10px}.article-body dd{margin:0}.article-body li{margin-block:10px}.article-body figure{margin-block:24px}.article-body .card{margin-block:20px}.coe-note{border-left:4px solid #648668;background:#10313a;color:#f5eed8;padding:16px}.coe-step{margin:30px 0}fieldset{border:1px solid #bbc7b3;padding:16px} @media(max-width:600px){.article-body dl{grid-template-columns:95px 1fr}.coe-filter input{width:100%}.article-body .table-wrap table{font-size:14px}.article-body th,.article-body td{padding:8px}.article-body .card{padding:14px}}

.coe-filter input{background:#102b36;color:#f5eed8} .coe-note strong{color:inherit}

.article-body .coe-check{display:flex;align-items:center;gap:10px}.article-body .coe-check input{width:20px;height:20px;min-width:20px;margin:0;padding:0;flex:none}

.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-card{display:flex;gap:14px;padding:16px;border:1px solid #8d764b;background:#0d2534;min-width:0;align-items:center}.catalog-card h2{font-size:21px;line-height:1.4;margin:0 0 7px}.catalog-card h2:before{content:none}.catalog-card h2 small{display:block;font-size:14px}.catalog-card p{margin:4px 0;font-size:13px}.catalog-card small{font-size:11px;color:#bad0cb}.catalog-portrait{width:96px;height:96px;object-fit:contain;flex-shrink:0;background:#0a1723}.catalog-profile{display:flex;gap:20px;align-items:center}.catalog-profile .catalog-portrait{width:150px;height:150px}.catalog-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-facts>div{padding:10px;background:#102938;border:1px solid #687057}.catalog-facts dt{font-size:12px;color:#b4cfc8}.catalog-facts dd{margin:5px 0 0;font-size:17px}.catalog-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:18px;border:1px solid #9e8757;margin:20px 0}.catalog-filter label{display:flex;flex-direction:column;gap:5px;font-size:13px}.catalog-filter input,.catalog-filter select{max-width:100%;background:#081a29;color:#f4e5c8;border:1px solid #95804e;padding:9px;min-height:42px}.catalog-filter input{width:260px}.catalog-filter button,fieldset>button{padding:10px 18px;background:#16575d;color:#fff;border:1px solid #bba476;cursor:pointer}.catalog-tag{color:#89c9c4;font-size:12px}.catalog-observation{border-left:3px solid #927b47;padding:10px 14px;margin:12px 0;background:#0c2130}.catalog-observation p{margin:8px 0}.catalog-skill{padding:18px 0;border-bottom:1px solid #80704c}.catalog-skill h3 small{display:block;font-size:13px;color:#adc7c0}.catalog-stat{padding:14px;border:1px solid #786a48}#status,#abilities,#acquisition{scroll-margin-top:80px}.catalog-card .coe-check{margin-top:10px}fieldset{min-width:0}fieldset>button{margin:16px 0}.catalog-profile p{margin:8px 0}
@media(max-width:700px){.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:12px;gap:12px}.catalog-card h2{font-size:18px}.catalog-portrait{width:72px;height:72px}.catalog-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-facts dd{font-size:15px;overflow-wrap:anywhere}.catalog-profile{align-items:flex-start;gap:12px}.catalog-profile .catalog-portrait{width:92px;height:92px}.catalog-filter{padding:12px}.catalog-filter label{flex:1;min-width:120px}.catalog-filter label:first-child{flex-basis:100%}.catalog-filter input{width:100%}.catalog-observation{padding:8px 10px}.catalog-card h2 small{font-size:12px}.catalog-stat{padding:10px}}