.triangular-editorial.content{--triangle-bg: #feecf4;--triangle-accent: #ff474e;--triangle-fill: #ffb7bb;margin-top:32px;margin-bottom:32px;line-height:1.85}.triangular-editorial.content section{padding:32px 0;border-bottom:1px solid #eadde3}.triangular-editorial.content h2{font-size:1.5em;line-height:1.5;font-weight:700;margin:0 0 24px}.triangular-editorial.content h3{font-size:1.125em;line-height:1.6;font-weight:700;margin:0 0 12px}.triangular-editorial.content p{margin:0 0 20px}.triangular-editorial.content p:last-child{margin-bottom:0}.triangular-editorial.content .triangle-intro{background:var(--triangle-bg);padding:24px;border:0;border-radius:12px}.triangular-editorial.content .triangle-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:24px}.triangular-editorial.content .triangle-overview-figure{position:relative;padding:26px 10px 20px}.triangular-editorial.content .triangle-diagram{display:block;width:100%;height:auto}.triangular-editorial.content .triangle-label-top,.triangular-editorial.content .triangle-label-left,.triangular-editorial.content .triangle-label-right{position:absolute;color:var(--triangle-accent)}.triangular-editorial.content .triangle-label-top{top:0;left:0;right:0;text-align:center}.triangular-editorial.content .triangle-label-left{bottom:0;left:0}.triangular-editorial.content .triangle-label-right{bottom:0;right:0}.triangular-editorial.content .triangle-dimensions{display:grid;gap:24px}.triangular-editorial.content .triangle-dimensions article{display:flex;gap:24px;align-items:center}.triangular-editorial.content .triangle-dimensions img{width:96px;height:96px;flex:0 0 96px}.triangular-editorial.content .triangle-dimensions h3{color:var(--triangle-accent);margin-bottom:4px}.triangular-editorial.content .triangle-dimensions strong{font-weight:500}.triangular-editorial.content .triangle-dimensions p{margin-top:8px}.triangular-editorial.content .triangle-types{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}.triangular-editorial.content .triangle-type{display:flex;flex-direction:column;border:1px solid #eadde3;border-radius:12px;overflow:hidden}.triangular-editorial.content .triangle-type-heading{background:var(--triangle-bg);padding:20px 16px 16px;text-align:center}.triangular-editorial.content .triangle-type-heading svg{width:144px;margin:0 auto 12px}.triangular-editorial.content .triangle-type-heading h3{margin:0}.triangular-editorial.content .triangle-type-body{padding:20px;flex:1}.triangular-editorial.content .triangle-components{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.triangular-editorial.content .triangle-components span{background:var(--triangle-bg);color:var(--triangle-accent);border-radius:4px;padding:2px 8px}.triangular-editorial.content .triangle-detail{display:block;padding:12px 20px;border-top:1px solid #eadde3;color:var(--triangle-accent);text-decoration:none}.triangular-editorial.content .triangle-detail:hover,.triangular-editorial.content .triangle-detail:focus-visible{text-decoration:underline;background:var(--triangle-bg)}.triangular-editorial.content .triangle-ad{display:flow-root;margin:32px 0}.triangular-editorial.content .triangle-ad+section{padding-top:0}.triangular-editorial.content .triangle-reading{display:grid;gap:16px;margin:24px 0}.triangular-editorial.content .triangle-reading article{display:flex;gap:16px;padding:20px;background:var(--triangle-bg);border-radius:8px}.triangular-editorial.content .triangle-reading i{color:var(--triangle-accent);padding-top:6px}.triangular-editorial.content .triangle-note{border-left:3px solid var(--triangle-accent);padding-left:16px}.triangular-editorial.content .triangle-sources{border:0;padding-bottom:0}.triangular-editorial.content .triangle-sources ul{list-style:none;padding:0;margin:0}.triangular-editorial.content .triangle-sources li+li{margin-top:16px}.triangular-editorial.content .triangle-sources li p{color:#666;font-size:.875em;margin:4px 0 0}@media (max-width: 600px){.triangular-editorial.content h2{font-size:1.3em}.triangular-editorial.content .triangle-overview,.triangular-editorial.content .triangle-types{grid-template-columns:1fr}.triangular-editorial.content .triangle-overview-figure{width:240px;max-width:100%;margin:auto}.triangular-editorial.content .triangle-intro{padding:20px}.triangular-editorial.content .triangle-dimensions article{gap:16px;align-items:flex-start}.triangular-editorial.content .triangle-dimensions img{width:64px;height:64px;flex-basis:64px}}
