.wb-writer-portfolio{--wbpf-bg:var(--wb-panel,#151e38);--wbpf-text:var(--wb-text,#f5f6fd);--wbpf-muted:var(--wb-muted,#c4cde2);--wbpf-link:var(--wb-link,#69e6dc);--wbpf-accent:var(--wb-accent,#e7a4fa);--wbpf-border:var(--wb-border,#697999);box-sizing:border-box;min-width:0;margin:2rem 0;color:var(--wbpf-text);font-family:inherit;font-size:inherit;line-height:var(--wb-line,1.75);scroll-margin-top:calc(var(--wb-sticky-top,108px) + 24px)}
.wb-writer-portfolio *{box-sizing:border-box}.wb-writer-portfolio .wbpf-kicker{margin:0 0 .5em;color:var(--wbpf-link);font-family:inherit;font-size:.78em;font-weight:700;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.wb-writer-portfolio h2,.wb-writer-portfolio h3{color:var(--wbpf-text);font-family:var(--wb-heading-font,'WB Montserrat',Montserrat,Arial,sans-serif);font-weight:800;font-style:var(--wb-heading-style,italic);text-transform:none;overflow-wrap:anywhere;font-synthesis:none}
.wb-writer-portfolio h2{font-size:1.65em;line-height:1.2;margin:0 0 .5em;letter-spacing:-.025em}.wb-writer-portfolio h3{font-size:1.2em;line-height:1.35;margin:0 0 .65em;letter-spacing:-.015em}
.wb-writer-portfolio .wbpf-count{margin:0 0 1.2em;color:var(--wbpf-muted);font-size:.9em}.wb-writer-portfolio .wbpf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;list-style:none;padding:0;margin:0}
.wb-writer-portfolio .wbpf-item{list-style:none;margin:0;padding:0;min-width:0}.wb-writer-portfolio .wbpf-card{height:100%;margin:0;background:var(--wbpf-bg);border:1px solid var(--wbpf-border);border-top:3px solid var(--wbpf-accent);border-radius:14px}
.wb-writer-portfolio .wbpf-card-link{display:flex;flex-direction:column;height:100%;min-height:44px;min-width:44px;color:var(--wbpf-text);text-decoration:none;border-radius:12px}
.wb-writer-portfolio .wbpf-art{aspect-ratio:3/2;overflow:hidden;border-radius:11px 11px 0 0}.wb-writer-portfolio .wbpf-image{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;margin:0;border:0;border-radius:0}
.wb-writer-portfolio .wbpf-card-body{display:flex;flex-direction:column;flex:1;padding:20px;min-width:0}.wb-writer-portfolio .wbpf-excerpt{margin:0 0 1em;color:var(--wbpf-muted);font:inherit;font-size:.95em;line-height:inherit}.wb-writer-portfolio .wbpf-read{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:auto;color:var(--wbpf-link);font-weight:700}
.wb-writer-portfolio .wbpf-card-link:hover h3{text-decoration:underline;text-underline-offset:.18em}.wb-writer-portfolio a:focus-visible{outline:3px solid var(--wbpf-accent);outline-offset:4px}
.wb-writer-portfolio .wbpf-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.wb-writer-portfolio .wbpf-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px 14px;color:var(--wbpf-link);background:var(--wbpf-bg);border:1px solid var(--wbpf-border);border-radius:8px;font-weight:700;text-decoration:underline;text-underline-offset:.2em}.wb-writer-portfolio .wbpf-page-number{color:var(--wbpf-muted);font-size:.9em}.wb-writer-portfolio .wbpf-empty{border-left:3px solid var(--wbpf-accent);padding:12px 18px;background:var(--wbpf-bg)}
html[data-wb-pref-light="true"] .wb-writer-portfolio{--wbpf-bg:#efedf7;--wbpf-text:#17213c;--wbpf-muted:#3b4663;--wbpf-link:#07515c;--wbpf-accent:#64205a;--wbpf-border:#73758b}
html[data-wb-pref-plain="true"] .wb-writer-portfolio :is(h2,h3){font-family:Arial,sans-serif;font-style:normal}
@media(max-width:400px){.wb-writer-portfolio .wbpf-card-body{padding:16px}.wb-writer-portfolio .wbpf-pagination a{flex:1}.wb-writer-portfolio .wbpf-page-number{width:100%;text-align:center;order:-1}}
@media(forced-colors:active){.wb-writer-portfolio .wbpf-card,.wb-writer-portfolio .wbpf-pagination a{border-color:CanvasText}.wb-writer-portfolio a:focus-visible{outline-color:Highlight}}
@media print{.wb-writer-portfolio .wbpf-grid{display:block}.wb-writer-portfolio .wbpf-item{break-inside:avoid;margin-bottom:1em}.wb-writer-portfolio .wbpf-pagination{display:none}}