.wn{--ink:#142b43;--accent:#087e87;max-width:1080px;margin:28px auto 60px;color:var(--ink);font-family:"Noto Sans JP",Meiryo,sans-serif;line-height:1.85;padding:0 18px;box-sizing:border-box}.wn *{box-sizing:border-box}.wn a{color:#086d7c;text-decoration:none}.wn a:hover{text-decoration:underline}.wn-notice{background:#fff5d9;border:1px solid #edd392;padding:10px 18px;border-radius:10px;margin-bottom:16px;font-size:13px}.wn-hero{background:linear-gradient(125deg,#10293f,#135461);padding:42px;border-radius:20px;color:#fff;margin-bottom:28px}.wn .wn-hero h1{font-size:clamp(25px,4vw,40px);line-height:1.55;color:#fff;background:none;border:0;margin:12px 0 18px;padding:0}.wn-hero p{color:#d6e9ee}.wn .wn-hero a{color:#fff}.wn-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#9ce0da}.wn-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.wn button,.wn .wn-button{display:inline-block;background:var(--accent);color:white;border:0;border-radius:8px;padding:11px 18px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.wn button:disabled{opacity:.6;cursor:wait}.wn button.wn-secondary{background:#edf3f5;color:var(--ink)}.wn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wn-card{border:1px solid #dce6eb;background:#fff;padding:26px;border-radius:14px;box-shadow:0 6px 24px #142b4307;margin-bottom:22px;min-width:0}.wn .wn-card h2,.wn .wn-section-title h2{font-size:23px;background:none;border:0;padding:0;margin:0 0 18px;color:var(--ink)}.wn .wn-card h3{font-size:20px;background:none;border:0;padding:0;margin:16px 0;color:var(--ink)}.wn-card p{margin:12px 0;font-size:14px;overflow-wrap:anywhere}.wn-tags{display:flex;gap:8px;flex-wrap:wrap}.wn-tags span{font-size:12px;border-radius:30px;padding:3px 12px;background:#e5f3f2;color:#07676b;font-weight:700}.wn .wn-demo{color:#966015;font-size:12px}.wn .wn-muted{color:#607384;font-size:12px}.wn-more{font-size:14px;font-weight:700}.wn-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.wn-bottom,.wn-source{background:#f0f5f7;padding:20px;border-radius:10px;margin:20px 0;font-size:13px}.wn-detail{max-width:840px;margin:0 auto}.wn-message{border-left:4px solid #087e87;background:#e7f7f4;padding:16px}.wn-table-wrap{overflow:auto}.wn table{width:100%;border-collapse:collapse;font-size:13px}.wn th,.wn td{padding:13px 10px;border-bottom:1px solid #dce6eb;text-align:left}.wn th{white-space:nowrap;background:#f2f6f8}.wn td:first-child{min-width:210px}.wn td:last-child{white-space:nowrap}.wn-editor label{display:block;margin:16px 0;font-weight:700;font-size:14px}.wn-editor input:not([type=checkbox]),.wn-editor textarea,.wn-editor select{display:block;width:100%;padding:10px;border:1px solid #b7c9d1;border-radius:6px;font:inherit;color:var(--ink);background:white;margin-top:6px}.wn-editor textarea{resize:vertical}.wn-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wn-review input{width:auto}.wn-excerpt{max-height:260px;overflow:auto;white-space:pre-wrap}.wn-source-status{border-top:1px solid #dce6eb;padding-top:12px}.wn :focus-visible{outline:3px solid #d59628;outline-offset:3px}@media(max-width:600px){.wn{padding:0 12px;margin-top:16px}.wn-hero{padding:26px 22px}.wn-grid{grid-template-columns:1fr;gap:0}.wn-card{padding:20px}.wn-form-row{grid-template-columns:1fr;gap:0}.wn-section-title{display:block}}

/* Let wrapped news headings determine their own height instead of the shared fixed heading size. */
.wn .wn-card h2,.wn .wn-card h3,.wn .wn-section-title h2{height:auto;min-height:0;max-height:none;width:auto;line-height:1.6;text-indent:0;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.wn .wn-card h3 a{white-space:normal;overflow-wrap:anywhere}

/* Readable publication dates and meaningful category/status colors. */
.wn-tags span{font-size:13px;line-height:1.5;padding:5px 13px;border:1px solid transparent}
.wn-tags [data-kind="不具合"]{background:#fff0f0;color:#a12632;border-color:#edbbc0}
.wn-tags [data-kind="更新情報"]{background:#eaf3ff;color:#175393;border-color:#b7d3f2}
.wn-tags [data-kind="セキュリティ"]{background:#f2ecff;color:#65379a;border-color:#d6c3ef}
.wn-tags [data-status="確認中"],.wn-tags [data-status="調査中"]{background:#fff4d9;color:#835000;border-color:#e7c779}
.wn-tags [data-status="回避策あり"]{background:#e3f5f7;color:#08616c;border-color:#9fd2d9}
.wn-tags [data-status="解決済み"]{background:#e8f5eb;color:#246636;border-color:#aed4b7}
.wn-tags [data-status="お知らせ"]{background:#edf1f5;color:#465669;border-color:#c9d2dd}
.wn .wn-published{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin:16px 0 20px;padding:10px 14px;background:#f3f6fa;border-left:3px solid #48738b;border-radius:0 7px 7px 0;color:#203d55;line-height:1.6}
.wn-published .wn-date-label{font-size:12px;font-weight:700;color:#506477}
.wn-published time{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.wn-published time small{display:inline-block;font-size:13px;font-weight:400;color:#506477;margin-left:10px}
.wn .wn-card>p:not(.wn-published):not(.wn-demo){font-size:15px;line-height:1.9}
.wn .wn-detail>h3{margin-top:28px}
@media(max-width:600px){.wn-published time{font-size:18px}}

/* Defined edges and layered shadows for public news cards. */
.wn-grid > article.wn-card,.wn-card.wn-detail{border:1px solid #aebfcd;box-shadow:0 2px 4px rgba(20,43,67,.10),0 8px 18px rgba(20,43,67,.13);background:#fff}