main{display:flex;flex-flow:column nowrap;margin:2ch 0 24px 0;padding:24px;box-sizing:border-box;background:linear-gradient(135deg,var(--oc-bg-start),var(--oc-bg-end)) #fff;box-shadow:var(--oc-bg-end) 10px 10px;color:var(--oc-text);font-family:sans-serif;scroll-margin-top:24px}.oc-portrait-container{float:left;margin:0 1rem .5rem 0}.oc-portrait{aspect-ratio:9 / 16;width:300px;height:533px;object-fit:cover;border:2px solid var(--oc-primary);box-shadow:0 6px 16px rgb(0 0 0 / .08)}.oc-title-bar{text-align:center;border-top:4px solid var(--oc-primary);background-color:var(--c-zfw);padding:.5rem 0 1rem 0}.oc-title-bar h1{margin:0 0 4px 0;font-size:1.8rem;color:var(--oc-secondary)}.oc-title-bar h3{margin:0;font-size:1rem;font-weight:400;color:var(--oc-secondary);text-transform:uppercase;letter-spacing:1px}.oc-main{background-color:var(--c-zfw);padding:1rem;margin-top:1rem;display:flow-root}.oc-main p:first-of-type{margin-top:0}.oc-main p:last-of-type{margin-bottom:0}.oc-footer{margin-top:16px;padding:12px 24px;background-color:var(--oc-surface);text-align:center;font-size:.9rem;box-shadow:0 4px 12px rgb(0 0 0 / .04);border-bottom:4px solid var(--oc-primary);background-color:var(--c-zfw)}.oc-mini-card{display:flex;flex-flow:column nowrap;align-items:center;box-sizing:border-box;padding:12px;width:calc(16.666% - 12px);min-width:140px;aspect-ratio:4 / 5;background:linear-gradient(135deg,var(--oc-bg-start),var(--oc-bg-end));box-shadow:0 8px 24px -4px rgb(0 0 0 / .1),0 4px 8px rgb(0 0 0 / .04);color:var(--oc-text);font-family:sans-serif;text-decoration:none;cursor:pointer}.oc-mini-thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:2px solid var(--oc-primary);box-shadow:0 4px 12px rgb(0 0 0 / .06);margin-bottom:12px}.oc-mini-info{flex-grow:1;width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;text-align:center;background-color:var(--oc-surface);padding:8px;box-shadow:0 2px 8px rgb(0 0 0 / .03);border-bottom:3px solid var(--oc-secondary);box-sizing:border-box}.oc-mini-info h4{margin:0 0 4px 0;font-size:1.1rem;color:var(--oc-primary);line-height:1.2;word-wrap:break-word}.oc-mini-info span{font-size:.75rem;color:var(--oc-secondary);text-transform:uppercase;letter-spacing:.5px}