/* Etiquette article */
.etiquette-figure{margin:1.8rem 0}.etiquette-figure img{display:block;width:100%;height:auto;border-radius:16px}.etiquette-figure figcaption{font-size:.95rem;line-height:1.6;color:#425d51;margin-top:.7rem}.etiquette-compare,.etiquette-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-block:1.8rem}.etiquette-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.etiquette-compare figure,.etiquette-sequence figure{margin:0}.etiquette-flow{list-style:none!important;padding:0!important;display:grid;gap:1rem;counter-reset:flow;margin:2rem 0!important}.etiquette-flow li{position:relative;margin:0!important;padding:1.1rem 1.2rem 1.1rem 4rem;background:#eeefe8;border:1px solid #d7dbd0;border-radius:14px}.etiquette-flow li::before{counter-increment:flow;content:counter(flow);position:absolute;left:1.1rem;top:1.1rem;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dce2d6;color:#173f35;font-weight:700}.etiquette-flow li:last-child{background:#e0eddb;border-color:#8fab83}.etiquette-flow li:last-child::before{background:#285e44;color:white}.etiquette-flow strong,.etiquette-flow span{display:block}.etiquette-flow span{color:#496052;font-size:.95rem;margin-top:.3rem}.etiquette-infographic{padding:clamp(1rem,3vw,2rem);margin:2rem 0;background:#edf2e9;border:1px solid #cfdacc;border-radius:20px}.etiquette-infographic h3{margin-top:0!important}.etiquette-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.etiquette-rule-group{background:#fffdf6;border-radius:12px;padding:1rem;box-shadow:0 3px 12px #173f3508}.etiquette-rule-group h4{font-size:1.05rem;line-height:1.35;margin:0 0 1rem}.etiquette-rule-group ul{list-style:none!important;padding:0!important;margin:0!important}.etiquette-rule-group li{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 1rem!important;font-size:.93rem;line-height:1.6}.etiquette-rule-icon{flex:0 0 20px;color:#285e44;font-weight:bold;font-size:1rem}.etiquette-rule-group li:last-child{margin-bottom:0!important}@media(min-width:1051px){.etiquette-infographic{width:calc(100% + 340px);max-width:calc(100vw - 160px)}.etiquette-guide-layout{align-items:start}}@media(max-width:1050px){.etiquette-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.etiquette-compare,.etiquette-sequence,.etiquette-rule-grid{grid-template-columns:1fr}.etiquette-infographic{padding:1rem}.etiquette-rule-group li{font-size:1rem}}