.writing-comparison{padding:clamp(2.5rem,6vw,5rem) var(--page-gutter);color:var(--brand-ink,#16383c);background:#eef3ed}.writing-comparison>header{max-width:48rem;margin-bottom:1.5rem}.writing-comparison h2{font-family:var(--font-editorial);margin:.65rem 0;font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1.12}.writing-comparison p{line-height:1.65}.comparison-tabs{min-width:0;font-family:var(--font-interface);flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.comparison-tabs [role=tab]{color:#16383c;max-width:100%;min-height:44px;font:600 .8125rem/1.4 var(--font-interface);text-align:left;overflow-wrap:anywhere;background:#fbfaf6;border:1px solid #b8c8bd;border-radius:8px;padding:.65rem .85rem}.comparison-tabs [role=tab]:hover{background:#e0eadd}.comparison-tabs [role=tab][aria-selected=true]{color:#fff;background:#28564e;border-color:#28564e;box-shadow:inset 0 -3px #d3aa6c}.comparison-tabs [role=tab]:focus-visible{outline-offset:3px;outline:3px solid #976b2b}.comparison-panel{min-width:0}.comparison-scroll{background:#fff;border:1px solid #cbd7cf;border-radius:12px;min-width:0;max-width:100%;overflow-x:auto}.comparison-scroll:focus-visible{outline-offset:4px;outline:3px solid #976b2b}.comparison-scroll table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-family:var(--font-interface);font-size:.875rem;line-height:1.65}.comparison-scroll caption{text-align:left;caption-side:bottom;background:#fbfaf6;padding:1rem;font-size:.8125rem}.comparison-scroll :is(th,td){vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #d9e2db;border-right:1px solid #e1e8e2;padding:1rem}.comparison-scroll thead th{color:#fff;background:#16383c}.comparison-scroll thead th a{color:#fff}.comparison-scroll thead small{color:#dce9e0;margin-top:.5rem;font-weight:400;line-height:1.5;display:block}.comparison-scroll th:first-child{background:#f3f1e9;width:13%}.comparison-scroll thead th:first-child{background:#16383c}.comparison-scroll .comparison-own{background:#f0f5ee}.comparison-scroll thead .comparison-own{background:#28564e}.comparison-mobile-tool{display:none}.comparison-cell-sources{flex-wrap:wrap;gap:.65rem;margin-top:.7rem;font-size:.75rem;display:flex}.comparison-cell-sources a{color:#24594f;padding-block:.25rem;text-decoration:underline}.comparison-scroll-hint,.comparison-caveat{max-width:80rem;font-size:.8125rem}.comparison-method{border-top:1px solid #bacac1;margin-top:1.25rem;padding-top:.75rem;font-size:.875rem}.comparison-method summary{cursor:pointer;min-height:44px;font-weight:600}.comparison-method li{margin:.5rem 0}.comparison-actions{font-family:var(--font-interface);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.comparison-actions a{color:#16383c;border:1px solid #28564e;border-radius:8px;align-items:center;min-height:44px;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.comparison-actions a:first-child{color:#fff;background:#28564e}.comparison-actions a:focus-visible{outline-offset:3px;outline:3px solid #976b2b}@media (max-width:900px){.comparison-scroll table{table-layout:auto;flex-direction:column;display:flex}.comparison-scroll caption{order:1;display:block}.comparison-scroll thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comparison-scroll tbody,.comparison-scroll tbody tr{display:block}.comparison-scroll tbody :is(th,td){border-right:0;width:100%;padding:.85rem 1rem;display:block}.comparison-scroll tbody th:first-child{width:100%}.comparison-scroll tbody th{font-weight:700}.comparison-mobile-tool{margin-bottom:.5rem;display:block}.comparison-mobile-tool b{font-size:1rem;display:block}.comparison-mobile-tool small{color:#526260;font-size:.8125rem;line-height:1.5;display:block}}@media (max-width:600px){.writing-comparison{padding-inline:1rem}.comparison-tabs{gap:.4rem}.comparison-tabs [role=tab]{flex:9rem;padding:.6rem .7rem}}@media (max-width:480px){.semantic-home .writing-comparison{display:none}}
