.koc{max-width:var(--width-content);margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-20)}.koc-card{background:var(--color-offblack);color:var(--color-paper-pure);border-radius:calc(var(--space-1) * 8);padding:calc(var(--space-1) * 10);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:calc(var(--space-1) * 10);align-items:center;overflow:hidden}.koc-card+.koc-card{margin-top:var(--space-4)}.koc-head{display:flex;flex-direction:column;align-self:stretch;min-width:0}.koc-title{font-size:calc(var(--text-body) * 1.75);font-weight:var(--font-weight-medium);line-height:1.1;letter-spacing:-.02em;color:var(--color-paper-pure);margin:0;text-wrap:balance}.koc-title a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}.koc-title a:hover{text-decoration-thickness:2.5px}.koc-title a:focus-visible{outline:2px solid var(--color-acid);outline-offset:3px}.koc-line{font-size:calc(var(--text-body) * 1.125);line-height:1.5;color:color-mix(in srgb,var(--color-paper-pure) 82%,transparent);max-width:36ch;margin:calc(var(--space-1) * 4) 0 0;text-wrap:pretty}.koc-intro{font-size:calc(var(--text-body) * 1);line-height:1.55;color:color-mix(in srgb,var(--color-paper-pure) 66%,transparent);max-width:40ch;margin:calc(var(--space-1) * 5) 0 0;text-wrap:pretty}.koc-mark{display:inline-flex;align-items:center;gap:calc(var(--space-1) * 2.5);margin:auto 0 0 auto;padding-top:calc(var(--space-1) * 7);font-size:calc(var(--text-body) * .9375);font-weight:var(--font-weight-medium);letter-spacing:.01em;color:color-mix(in srgb,var(--color-paper-pure) 86%,transparent);white-space:nowrap}.koc-mark img{display:block;width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.koc-sound{display:block;width:100%;height:300px;border:0;border-radius:calc(var(--space-1) * 3);background:color-mix(in srgb,var(--color-paper-pure) 10%,transparent)}@media (max-width:768px){.koc{padding:var(--space-2) var(--space-5) var(--space-12)}.koc-card{grid-template-columns:1fr;gap:calc(var(--space-1) * 7);padding:calc(var(--space-1) * 7) calc(var(--space-1) * 6);border-radius:calc(var(--space-1) * 6.5)}.koc-line{font-size:calc(var(--text-body) * 1.0625)}.koc-mark{padding-top:calc(var(--space-1) * 5)}}