.portrait-library-wrap{max-width:1160px;margin:0 auto;padding:4rem 1.5rem 6rem}.portrait-library-hero{max-width:830px;margin-bottom:3rem}.portrait-library-hero h1{letter-spacing:-.05em;color:#123e38;margin:1.1rem 0 1.6rem;font-size:clamp(2.8rem,6.2vw,5.6rem);line-height:1.04}.portrait-library-hero h1 span{color:#28726a}.portrait-library-hero>p:not(.eyebrow){max-width:690px;font-size:1.15rem;line-height:1.7}.portrait-library-hero .portrait-free-note{color:#42685e;font-weight:650;font-size:.92rem!important}.portrait-library-start{flex-wrap:wrap;gap:1.5rem;margin-top:1.6rem;display:flex}.portrait-library-start a{color:#0b5b57;font-weight:700}.portrait-library-evidence{background:#e8f1e9;border-left:4px solid #b6da45;border-radius:0 .7rem .7rem 0;margin-bottom:2.5rem;padding:1.1rem 1.3rem;font-size:.9rem;line-height:1.7}.portrait-library-tools{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:1.2rem;display:grid}.portrait-library-tools label{flex-direction:column;gap:.45rem;font-size:.9rem;font-weight:650;display:flex}.portrait-library-tools input{font:inherit;background:#fff;border:1px solid #a7bdb7;border-radius:.6rem;width:100%;min-width:0;padding:.9rem 1rem}.portrait-library-filters{flex-wrap:wrap;gap:.45rem;display:flex}.portrait-library-filters button,.portrait-library-more{color:#123e38;font:inherit;cursor:pointer;background:#fff;border:1px solid #9bb7ac;border-radius:.6rem;min-height:44px;padding:.85rem .9rem;font-size:.85rem}.portrait-library-filters button[aria-pressed=true]{color:#fff;background:#123e38;border-color:#123e38}.portrait-library-count{color:#4c6a60;margin:1rem 0 1.4rem;font-size:.85rem}.portrait-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem;display:grid}.portrait-style-card{background:#fff;border:1px solid #cbd9cf;border-radius:1rem;align-self:start;min-width:0;overflow:hidden}.portrait-style-card[hidden]{display:none}.portrait-style-image{aspect-ratio:3/2;background:#e7f0e9;display:block;overflow:hidden}.portrait-style-image img{object-fit:contain;width:100%;height:100%;display:block}.portrait-style-body{padding:1.35rem}.portrait-style-kind{text-transform:uppercase;letter-spacing:.09em;color:#42685e;margin:0 0 .7rem;font-size:.72rem;font-weight:700}.portrait-style-body h2{letter-spacing:-.025em;margin:0 0 .7rem;font-size:1.35rem;line-height:1.3}.portrait-style-body h2 a{color:#123e38;text-decoration:none}.portrait-style-body>p:not(.portrait-style-kind){color:#486458;margin:0 0 1rem;font-size:.91rem;line-height:1.6}.portrait-style-body details{border-top:1px solid #d7e2d9;padding:.85rem 0;font-size:.85rem;line-height:1.65}.portrait-style-body summary{cursor:pointer;color:#123e38;min-height:30px;font-weight:650}.portrait-style-body figure{margin:.8rem 0}.portrait-style-body figure img{border-radius:.5rem;width:100%;height:auto;display:block}.portrait-style-body figcaption{color:#4c6a60;margin-top:.35rem;font-size:.75rem}.portrait-style-body pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:.78rem;position:relative}.portrait-style-body pre code{white-space:pre-wrap}.portrait-style-guide{color:#0b5b57;justify-content:space-between;gap:.5rem;margin-top:1rem;font-size:.87rem;font-weight:700;text-decoration:none;display:flex}.portrait-library-more{margin:2rem auto 0;display:block}.portrait-library-more[hidden]{display:none}.portrait-library-basics{border-top:1px solid #cbd9cf;margin-top:4rem;padding-top:2.4rem}.portrait-library-basics h2{letter-spacing:-.035em;margin:.8rem 0 1.5rem;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}.portrait-library-basics>div{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.portrait-library-basics a{color:#123e38;background:#e8f1e9;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem;font-weight:650;line-height:1.5;text-decoration:none;display:flex}.portrait-library-draft{background:#f4eddd;border-radius:.6rem;margin-bottom:2rem;padding:.8rem 1rem;font-size:.85rem;line-height:1.6}.portrait-library :focus-visible{outline-offset:3px;outline:3px solid #83a830}@media (width<=1000px){.portrait-library-tools{grid-template-columns:1fr}.portrait-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.portrait-library-wrap{padding:2.2rem 1.1rem 4rem}.portrait-library-hero{margin-bottom:2rem}.portrait-library-hero>p:not(.eyebrow){font-size:1rem}.portrait-style-grid{grid-template-columns:1fr;gap:1.15rem}.portrait-library-filters{gap:.35rem}.portrait-library-filters button{padding:.7rem .75rem;font-size:.8rem}.portrait-library-basics>div{grid-template-columns:1fr}.portrait-style-body{padding:1.15rem}.portrait-library-tools input{font-size:16px}}@media (width>=901px){.portrait-library-wrap{padding-top:3rem}.portrait-library-hero{grid-template-columns:minmax(380px,1.1fr) minmax(280px,.9fr);gap:.85rem 3rem;max-width:none;margin-bottom:2.5rem;display:grid}.portrait-library-hero>.eyebrow{grid-column:1/-1;margin:0}.portrait-library-hero h1{grid-area:2/1/5;align-self:center;margin:0;font-size:clamp(3.4rem,5vw,4.8rem)}.portrait-library-hero>p:not(.eyebrow){grid-column:2;align-self:end;margin:0}.portrait-library-start{grid-column:2;margin-top:.3rem}}.portrait-library-prompt.article pre{padding:3rem .85rem .85rem;font-size:.78rem;line-height:1.7}.portrait-library-prompt .copy-button{max-width:calc(100% - 1rem)}
