/* Shared, portable content patterns. Typography inherits Wavesy's brand tokens. */
.p-label{display:block;font:500 12px/1.5 Poppins,Arial,sans-serif;letter-spacing:.1em;margin-bottom:18px}.p-narrow{max-width:760px}.p-lead{font-size:var(--type-22);line-height:1.65}.p-grid{display:grid;gap:var(--space-24)}.p-two,.p-split{grid-template-columns:repeat(2,minmax(0,1fr))}.p-three{grid-template-columns:repeat(3,minmax(0,1fr))}.p-four{grid-template-columns:repeat(4,minmax(0,1fr))}.p-split{display:grid;align-items:center;gap:var(--space-45)}.p-split h2{font-size:clamp(34px,4vw,52px)}.p-card{padding:var(--space-30);border:1px solid var(--line);border-radius:12px;display:block}.p-card h3{font-size:var(--type-29)}.p-card>p:last-child{margin-bottom:0}.p-highlight{padding:var(--space-32);background:#f0eee3;border-radius:12px;margin-block:var(--space-28)}.p-highlight h3{margin-top:0}.p-highlight>p:last-child{margin-bottom:0}.p-note{border-left:4px solid var(--orange);background:#f6efe8;padding:var(--space-25) var(--space-30);margin-block:var(--space-30)}.p-note p{margin:10px 0 0}.p-caution{background:#f1eee3;border-color:#7c7968}.p-quote{border-left:3px solid var(--orange);padding:8px 0 8px var(--space-30);margin:var(--space-36) 0}.p-quote p{font:500 var(--type-32)/1.25 'League Spartan';color:var(--ink);margin:0 0 18px}.p-quote cite,.p-pullquote cite{font:400 13px/1.5 Poppins;color:var(--muted);display:block}.p-pullquote{font:600 clamp(38px,5vw,65px)/1.1 'League Spartan';letter-spacing:-.04em;margin:0;text-align:center;padding:var(--space-35) 10px}.p-pullquote em{font-style:normal;color:var(--orange)}.p-pullquote cite{margin-top:var(--space-24);letter-spacing:0}.p-checklist{list-style:none;padding:0}.p-checklist li{padding:15px 0 15px var(--space-30);border-bottom:1px solid var(--line);position:relative}.p-checklist li:before{content:'✓';position:absolute;left:0;color:var(--orange)}.p-steps{padding-left:var(--space-28)}.p-steps li{padding:12px 0 12px 10px}.p-steps li::marker{color:var(--orange);font-weight:600}.p-steps h3{margin-bottom:12px}.p-definition{padding:var(--space-32);background:#eceee6;border-radius:12px}.p-definition dt{font:600 var(--type-30)/1.1 'League Spartan';margin-bottom:15px}.p-definition dd{margin:0;line-height:1.8}.p-qa{padding-block:var(--space-25);border-block:1px solid var(--line)}.p-sources{border-top:1px solid var(--line);padding-top:var(--space-24)}.p-sources a,.p-video a,.p-contents a{color:#a43a16;text-decoration:underline;text-underline-offset:3px}.p-figure{margin:0}.p-figure img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:10px}.p-figure figcaption,.p-video figcaption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.p-video{margin:0 0 var(--space-30)}.p-video-frame{position:relative;aspect-ratio:16/9;background:#202520;border-radius:12px;overflow:hidden}.p-video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.p-table-scroll{overflow-x:auto;margin-block:var(--space-30);border:1px solid var(--line);border-radius:10px}.p-table{border-collapse:collapse;width:100%;min-width:480px;text-align:left;font-size:14px}.p-table th,.p-table td{padding:18px var(--space-20);border-bottom:1px solid var(--line);vertical-align:top}.p-table thead{background:#242a25;color:white}.p-table tbody th{font-weight:500}.p-table tr:last-child>*{border-bottom:0}.p-table tbody tr:nth-child(even){background:#f0eee6}.p-metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-25);padding-block:var(--space-30);border-block:1px solid var(--line)}.p-metric-strip strong{display:block;font:600 var(--type-50)/1.1 'League Spartan';color:var(--ink);letter-spacing:-.03em}.p-metric-strip span{font-size:14px;color:var(--muted)}.p-result{padding:var(--space-35);background:#edeedf;border-radius:12px}.p-result>strong{font:600 var(--type-100)/1.2 'League Spartan';letter-spacing:-.05em}.p-result h3{margin-bottom:18px}.p-case-embed{display:grid;grid-template-columns:.8fr 1fr;gap:var(--space-30);align-items:center;border:1px solid var(--line);border-radius:12px;padding:var(--space-22)}.p-case-embed img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.p-case-embed strong{display:block;margin:12px 0;color:#28563a}.p-case-embed .text-link{display:block}.p-testimonial{margin:0;padding:var(--space-40);background:#eceee3;border-radius:14px}.p-testimonial blockquote,.p-slider blockquote{font:500 var(--type-38)/1.2 'League Spartan';letter-spacing:-.025em;margin:var(--space-25) 0}.p-testimonial figcaption span{display:block;font-size:14px;color:var(--muted)}.p-slider{padding:var(--space-35);background:#f0eee5;border-radius:14px}.p-slider figure{margin:0;min-height:200px}.p-slider figcaption{font-size:14px}.p-slider-controls{display:flex;align-items:center;gap:var(--space-20);justify-content:flex-end}.p-slider-controls button{width:44px;height:44px;border:1px solid #aaa99f;border-radius:50%;background:transparent;font-size:var(--type-22)}.p-slide-count{font-size:13px}.p-feature-client{display:grid;grid-template-columns:220px 1fr;gap:var(--space-50);align-items:center}.p-logo-placeholder{aspect-ratio:1;display:grid;place-items:center;border:1px dashed #bcbdb1;color:#72766b;font-size:14px;background:#eeeede;border-radius:10px}.p-logo-strip{display:flex;flex-wrap:wrap;gap:var(--space-20);justify-content:space-between;border-block:1px solid var(--line);padding:var(--space-30) 0}.p-logo-strip>div{min-width:120px;flex:1;text-align:center;font:600 19px 'League Spartan';color:#75796e}.p-author{display:flex;gap:var(--space-25);padding:var(--space-32) 0;margin:var(--space-35) 0;border-block:1px solid var(--line);align-items:flex-start}.p-author>img{width:96px;height:96px;object-fit:cover;border-radius:50%;flex-shrink:0}.p-author h3{margin:0 0 6px}.p-author .p-role{font-size:14px;color:#585e53;margin-bottom:16px}.p-author p:not(.p-role){font-size:15px;line-height:1.8}.p-author .p-label{font-size:11px}.p-author .text-link{font-size:14px}.p-byline{display:flex;gap:var(--space-20);align-items:center;flex-wrap:wrap}.p-byline>img{border-radius:50%}.p-byline p{font-size:13px;margin:6px 0 0}.p-byline strong{font-size:14px}.p-byline strong span{font-weight:400}.p-byline>div:last-child{margin-left:auto}.p-person{border-bottom:1px solid var(--line);padding-bottom:var(--space-20)}.p-person img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:10px;margin-bottom:var(--space-20)}.p-person h3{margin-bottom:10px}.p-process{border-top:2px solid #dadcd1;padding-top:var(--space-20)}.p-process>span{display:block;color:var(--orange);font:600 var(--type-50) 'League Spartan';margin-bottom:var(--space-20)}.p-process p{margin-bottom:0}.p-timeline{list-style:none;border-left:1px solid #c8cbbd;padding-left:var(--space-30);margin-left:8px}.p-timeline li{position:relative;padding:0 0 var(--space-35) 10px}.p-timeline li:before{content:'';position:absolute;left:-36px;top:4px;width:10px;height:10px;background:var(--orange);border-radius:50%}.p-timeline li>span{font-size:12px;letter-spacing:.1em}.p-timeline h3{margin:14px 0}.p-faq details{padding:var(--space-20) 0;border-bottom:1px solid var(--line)}.p-faq summary{cursor:pointer;font-weight:500}.p-faq p{margin:18px 0 0}.p-tabs>[role=tablist]{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:var(--space-25)}.p-tabs [role=tab]{padding:14px var(--space-20);border:0;border-bottom:3px solid transparent;background:transparent;font-size:16px}.p-tabs [aria-selected=true]{border-color:var(--orange);color:#a43a16}.p-tabs>[role=tabpanel]{padding:var(--space-20) 5px;min-height:150px}.p-cta{border-radius:14px;padding:var(--space-38);margin:var(--space-40) 0}.p-dark{background:#202520;color:#fff}.p-dark p{color:#c9cdc5}.p-cta h2{font-size:var(--type-40);margin-top:0}.p-cta .button{color:#fff;text-decoration:none}.p-cta small{display:block;margin-top:17px;font-size:12px;color:#c9cdc5}.p-cta-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-30);padding:var(--space-30);background:#eeeee3;border-radius:12px}.p-cta-strip h3{margin-bottom:10px}.p-cta-strip p{margin:0}.p-cta-strip .button{flex-shrink:0}.p-download{padding:var(--space-35);background:#f3eae0;border-radius:12px}.p-service-card{padding:var(--space-35);border:1px solid var(--line);border-radius:12px;max-width:600px}.p-service-card>strong{font:600 var(--type-45) 'League Spartan'}.p-service-card strong small{font:400 13px Poppins}.p-service-card li{padding:5px 0}.p-postnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid var(--line);margin:var(--space-35) 0 var(--space-60)}.p-postnav a{padding:var(--space-24) var(--space-20);text-decoration:none;color:var(--ink)}.p-postnav a+a{border-left:1px solid var(--line)}.p-postnav span{display:block;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.p-postnav strong{font:500 var(--type-21)/1.2 'League Spartan'}.p-postnav a:hover strong{color:var(--orange)}.p-contents{display:flex;flex-direction:column;gap:12px;background:#eeeee4;padding:var(--space-28);border-radius:10px}.p-contents .p-label{margin:0 0 10px}
.pattern-library{padding-bottom:var(--space-80)}.pattern-controls{border-block:1px solid var(--line);padding-block:var(--space-25);margin-bottom:var(--space-55)}.pattern-controls>label{display:flex;flex-direction:column;gap:8px;max-width:480px;font-size:14px}.pattern-controls input{font:inherit;padding:14px;border:1px solid #c7c9c0;border-radius:8px;background:#fffdf8}.pattern-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:var(--space-22)}.pattern-filters button,.copy-pattern{background:transparent;border:1px solid var(--line);border-radius:8px;font:500 13px Poppins;padding:10px 15px}.pattern-filters [aria-pressed=true]{background:var(--ink);color:white}.pattern-controls>p{font-size:14px;margin:var(--space-20) 0 0}.pattern-controls a{color:#a43a16;text-decoration:underline}.pattern-item{margin:0 0 var(--space-65);scroll-margin-top:var(--space-25)}.pattern-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-30);margin-bottom:var(--space-22)}.pattern-heading span{font-size:12px;letter-spacing:.1em;color:#73796c}.pattern-heading h2{font-size:var(--type-30);margin:10px 0}.pattern-heading p{font-size:14px;margin:0;max-width:760px}.copy-pattern{flex-shrink:0}.pattern-preview{border:1px solid var(--line);border-radius:14px;background:#fffdf9;padding:var(--space-40);overflow:hidden}.pattern-preview h2{font-size:var(--type-42)}.pattern-preview .newsletter{max-width:700px;margin:auto}.pattern-preview>.p-cta,.pattern-preview>.p-author,.pattern-preview>.p-highlight{margin:0}.pattern-code{margin-top:12px;font-size:13px}.pattern-code summary{cursor:pointer;padding:10px 0}.pattern-code pre{padding:var(--space-22);background:#222720;color:#e9eee0;border-radius:8px;overflow:auto;max-height:300px;white-space:pre-wrap;overflow-wrap:anywhere}.copy-feedback{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px var(--space-22);background:#202520;color:white;z-index:60;border-radius:8px;max-width:90vw;font-size:14px}.copy-feedback:empty{display:none}.pattern-item[hidden],.p-slider figure[hidden],.p-tabs [hidden]{display:none!important}
@media(max-width:900px){.p-three,.p-four{grid-template-columns:repeat(2,minmax(0,1fr))}.p-split{gap:var(--space-28)}.p-feature-client{grid-template-columns:150px 1fr;gap:var(--space-25)}.p-cta-strip{align-items:flex-start;flex-direction:column}.pattern-preview{padding:var(--space-28)}.p-case-embed{gap:var(--space-20)}.p-author{gap:18px}.p-author>img{width:75px;height:75px}}
@media(max-width:600px){.p-two,.p-three,.p-four,.p-split,.p-case-embed,.p-feature-client{grid-template-columns:1fr}.p-label{font-size:11px}.p-quote p{font-size:var(--type-27)}.p-testimonial,.p-slider,.p-highlight,.p-download,.p-service-card{padding:var(--space-25)}.p-testimonial blockquote,.p-slider blockquote{font-size:var(--type-30)}.p-metric-strip{grid-template-columns:1fr;gap:var(--space-25)}.p-metric-strip strong{font-size:var(--type-42)}.p-author{flex-direction:column}.p-author>img{width:88px;height:88px}.p-postnav{grid-template-columns:1fr}.p-postnav a+a{border-left:0;border-top:1px solid var(--line)}.p-byline>div:last-child{margin-left:0;width:100%}.p-cta{padding:var(--space-26)}.p-cta h2{font-size:var(--type-34)}.p-logo-placeholder{max-width:180px}.pattern-preview{padding:var(--space-22)}.pattern-preview h2{font-size:var(--type-34)}.pattern-heading{align-items:flex-start;flex-direction:column;gap:15px}.pattern-item{margin-bottom:var(--space-48)}.p-tabs [role=tab]{padding:12px 14px}.p-result>strong{font-size:var(--type-75)}.p-person img{max-height:320px}.p-lead{font-size:19px}}