.c15{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.c15__data{gap:12px;display:grid}.c15__list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.c15__list span,.c15__list button{border:1px solid var(--color-cf-rule);color:var(--color-cf-faint);font-family:var(--font-code);border-radius:999px;padding:5px 10px;font-size:.72rem;line-height:1.3;display:inline-block}.c15__list button{border-color:var(--color-cf-ink);background:var(--color-cf-card);color:var(--color-cf-ink);cursor:pointer;transition:background .16s var(--ease-out), color .16s var(--ease-out);font-weight:600}.c15__list button:hover{background:var(--color-cf-paper-2)}.c15__list button.is-on{background:var(--color-cf-ink);color:var(--color-cf-paper)}.c15__list button:focus-visible{outline:2px solid var(--color-cf-stamp);outline-offset:2px}.c15__hint{color:var(--color-cf-ink-2);font-size:.9rem}.c15__page{border:1px solid var(--color-cf-rule);background:var(--color-cf-card);border-radius:10px;gap:18px;padding:clamp(16px,2.4vw,28px);display:grid}.c15__url{background:var(--color-cf-paper-2);color:var(--color-cf-ink-2);font-family:var(--font-code);overflow-wrap:anywhere;border-radius:4px;justify-self:start;padding:3px 8px;font-size:.75rem}.c15__tag{color:var(--color-cf-stamp);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:600}.c15__page h3{letter-spacing:-.02em;font-size:clamp(1.2rem,1rem + .8vw,1.6rem);font-weight:700;line-height:1.15}.c15__page p{color:var(--color-cf-ink-2);line-height:1.5}.c15__problem h3{margin-bottom:6px}.c15__hl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.c15__hl>div{background:var(--color-cf-paper);border-radius:8px;flex-direction:column-reverse;gap:2px;padding:10px;display:flex}.c15__hl dd{font-size:1.4rem;font-weight:800;line-height:1}.c15__hl dt{color:var(--color-cf-ink-2);font-size:.78rem;line-height:1.3}.c15__rope{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:18px 0 0;list-style:none;display:grid;position:relative}.c15__rope:before{content:"";background:var(--color-cf-gold);border-radius:2px;height:2px;position:absolute;top:6px;left:0;right:0}.c15__rope li{border:1px solid var(--color-cf-rule);background:var(--color-cf-paper);transform-origin:50% -14px;animation:c15-swing .9s var(--ease-out) both;border-radius:8px;gap:4px;padding:12px 10px 10px;font-size:.86rem;font-weight:600;line-height:1.3;display:grid;position:relative}.c15__rope li:before{content:"";background:var(--color-cf-ink-2);border-radius:2px;width:6px;height:18px;position:absolute;top:-16px;left:50%;translate:-50%}.c15__rope b{color:var(--color-cf-stamp);font-family:var(--font-code);font-size:.75rem}@keyframes c15-swing{0%{opacity:0;rotate:-9deg}40%{opacity:1;rotate:5deg}70%{rotate:-2deg}to{rotate:none}}.c15__example{background:var(--color-cf-paper-2);border-radius:8px;padding:14px}@media (max-width:900px){.c15{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.c15__rope{grid-template-columns:minmax(0,1fr);padding-top:0}.c15__rope:before,.c15__rope li:before{display:none}.c15__hl{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.c15__rope li{animation:none}}