.af{font-family:var(--af-font,system-ui,sans-serif);font-size:var(--af-size,16px);font-weight:var(--af-weight,400);line-height:var(--af-line,150%);letter-spacing:var(--af-letter,0);color:var(--af-text,#202938);container-type:inline-size;margin-block:24px}
.af *{box-sizing:border-box}.af .af-panel,.af .af-card{background:var(--af-background,#fff);border:var(--af-width,1px) solid var(--af-border,#c8d0dc);border-radius:var(--af-radius,8px);padding:var(--af-padding,16px)}
.af .af-panel{display:flex;flex-wrap:wrap;align-items:end;gap:var(--af-gap,16px)}.af label{display:block;font:inherit;color:inherit}.af fieldset{margin:0;padding:0;border:0;min-width:0}.af legend{font-weight:600;margin-bottom:8px;float:none;width:auto}.af h3{font-family:inherit;font-size:var(--af-title,20px);font-weight:var(--af-weight,400);line-height:1.3;margin:0 0 12px;color:inherit}
.af input:not([type=checkbox]),.af select{display:block;max-width:100%;width:100%;min-height:44px;font:inherit;color:var(--af-text);background:var(--af-background);border:var(--af-width) solid var(--af-border);border-radius:var(--af-radius);padding:8px 12px;margin:4px 0 0}
.af input[type=checkbox]{accent-color:var(--af-accent);width:18px;height:18px;flex-shrink:0;margin:0}.af .af-choices{display:flex;gap:8px;flex-wrap:wrap;max-width:520px;max-height:260px;overflow:auto;padding:4px}.af .af-choices label{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px}
.af .af-chips label{position:relative}.af .af-chips input{position:absolute;opacity:0;width:1px;height:1px}.af .af-chips span{display:block;border:var(--af-width) solid var(--af-border);border-radius:var(--af-radius);padding:8px 12px}.af .af-chips input:checked+span{background:var(--af-accent);color:var(--af-onaccent)}
.af button{cursor:pointer;border:var(--af-width) solid var(--af-accent);border-radius:var(--af-radius);padding:10px 18px;min-height:44px;background:var(--af-accent);color:var(--af-onaccent);font:inherit}.af button:hover{background:var(--af-hover)}.af a{color:var(--af-accent);text-decoration:underline}.af a:hover{color:var(--af-hover)}.af :is(input,select,button,a):focus-visible,.af .af-chips input:focus-visible+span{outline:3px solid var(--af-accent);outline-offset:3px}
.af .af-grid{display:grid;grid-template-columns:repeat(var(--af-columns,3),minmax(0,1fr));gap:var(--af-gap);margin-top:var(--af-gap)}.af .af-card{min-width:0;overflow-wrap:anywhere}.af .af-card img{width:100%;height:180px;object-fit:cover;border-radius:var(--af-radius);margin-bottom:12px}.af .page-numbers{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.af .page-numbers li{list-style:none}.af .page-numbers a,.af .page-numbers .current{display:block;padding:8px 12px}.af .page-numbers .current{background:var(--af-accent);color:var(--af-onaccent);border-radius:var(--af-radius)}
@container (max-width:720px){.af .af-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af .af-panel{align-items:stretch}.af .af-panel>label,.af .af-panel>fieldset{flex:1 1 200px}}
@container (max-width:480px){.af .af-grid{grid-template-columns:1fr}.af .af-panel{font-size:var(--af-mobile,16px)}.af .af-card{font-size:var(--af-mobile,16px)}.af .af-panel>label,.af .af-panel>fieldset{flex-basis:100%}}
@media(max-width:480px){.af{font-size:var(--af-mobile,16px)}.af .af-grid{grid-template-columns:1fr}}
.af .af-choices[hidden]{display:none}