/* Compact editorial motifs. Only the opening section of four private-law articles. */
.ps-intro{--ps-text:#1d1d1f;--ps-muted:#646a76;--ps-blue:#2864bd;--ps-line:rgba(38,60,91,.15);--ps-glass:rgba(246,248,252,.8);color:var(--ps-text);scroll-margin-top:115px}
html[data-theme="dark"] .ps-intro{--ps-text:#f4f6f9;--ps-muted:#b6becc;--ps-blue:#a6caff;--ps-line:rgba(219,232,255,.17);--ps-glass:rgba(42,47,57,.65)}
.ps-intro *{box-sizing:border-box}.ps-intro .ps-kicker{font-size:11px;line-height:1.5;color:var(--ps-blue);text-transform:uppercase;letter-spacing:.16em;font-weight:650;margin-bottom:14px}
.ps-intro h2{font-size:clamp(27px,3vw,37px);line-height:1.15;letter-spacing:-.04em;font-weight:600;color:var(--ps-text);margin:0 0 24px;text-wrap:balance}
.ps-intro p{font-size:15px;line-height:1.8;color:var(--ps-muted);margin:0}.ps-intro p+p{margin-top:16px}.ps-intro p a{color:var(--ps-blue);text-decoration:underline;text-underline-offset:3px}
.ps-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:26px}
.ps-intro--folder .ps-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.ps-intro--sign .ps-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.ps-intro--sign .ps-visual{grid-column:2;grid-row:1}.ps-intro--sign .ps-copy{grid-column:1;grid-row:1}
.ps-visual{min-width:0;display:grid;place-items:center;position:relative}
.ps-intro .ps-object{display:block;position:relative;width:100%;max-width:270px;aspect-ratio:var(--ps-ratio,300/330);text-decoration:none;filter:drop-shadow(0 12px 14px rgba(42,66,102,.12));transition:transform .25s cubic-bezier(.23,1,.32,1);isolation:isolate}
.ps-object svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ps-surface{position:absolute;inset:0;clip-path:var(--ps-clip);background:radial-gradient(ellipse at 20% 0,rgba(255,255,255,.96),transparent 60%),linear-gradient(140deg,rgba(246,250,255,.94),rgba(203,220,244,.9));backdrop-filter:blur(18px);overflow:hidden}
.ps-surface::after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.65) 50%,transparent 58%);opacity:0;transform:translateX(-65%);transition:transform .7s cubic-bezier(.23,1,.32,1),opacity .25s}
.ps-intro .ps-object-copy{position:absolute;top:var(--ps-top,37%);left:13%;width:74%;color:#243044;text-align:center}
.ps-intro .ps-object-copy small{display:block;font-size:10px;font-weight:650;line-height:1.5;text-transform:uppercase;letter-spacing:.13em;color:#546d92}
.ps-intro .ps-object-copy strong{display:block;font-size:clamp(23px,2.1vw,29px);font-weight:600;line-height:1.08;letter-spacing:-.04em;margin:10px 0}
.ps-intro .ps-object-copy .ps-object-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;font-weight:600;color:#285caf;line-height:1.3}
.ps-intro .ps-items{display:grid;gap:0;min-width:0;border:1px solid var(--ps-line);border-radius:23px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent),var(--ps-glass);padding:4px 22px;backdrop-filter:blur(20px)}
.ps-item{padding:18px 0;position:relative;min-width:0}.ps-item+.ps-item{border-top:1px solid var(--ps-line)}
.ps-intro .ps-item h3{font-size:18px;line-height:1.3;letter-spacing:-.025em;color:var(--ps-text);margin:0 0 7px;font-weight:600}.ps-intro .ps-item p{font-size:14px;line-height:1.7}
.ps-intro .ps-item-index{font-size:11px;font-weight:600;color:var(--ps-blue);margin-bottom:6px;display:block}
.ps-intro--sign .ps-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;padding:0;background:none;border:0;backdrop-filter:none}.ps-intro--sign .ps-item{padding:18px 0 0;border-top:1px solid var(--ps-line)}
.ps-intro--calendar .ps-items{border:0;background:none;backdrop-filter:none;padding:0 0 0 26px}
.ps-intro--calendar .ps-item{padding:0 0 22px 18px;border:0;border-left:1px solid var(--ps-line)}
.ps-intro--calendar .ps-item:last-child{padding-bottom:0;border-left-color:transparent}
.ps-intro--calendar .ps-item::before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--ps-blue);box-shadow:0 0 0 4px var(--ps-glass)}
.ps-calendar{--ps-top:34%;--ps-ratio:300/330}.ps-calendar .ps-surface{background:radial-gradient(ellipse at 15% 0,rgba(123,153,204,.28),transparent 60%),linear-gradient(145deg,#303b4e,#161c27)}
.ps-intro .ps-calendar .ps-object-copy{color:#f4f7fb}.ps-intro .ps-calendar .ps-object-copy small{color:#bacce6}.ps-intro .ps-calendar .ps-object-link{color:#b2d1ff}
.ps-folder{--ps-top:38%;--ps-ratio:300/310}
.ps-receipt{--ps-top:15%;--ps-ratio:270/350;max-width:235px!important}.ps-intro .ps-receipt .ps-object-copy{left:20%;width:60%}.ps-intro .ps-receipt .ps-object-copy strong{font-size:21px}.ps-intro .ps-receipt-list{display:grid;gap:11px;margin:18px 0 8px;text-align:left;border-top:1px dashed #8295b855;padding-top:16px;font-size:12px;font-weight:500;color:#475d7a}.ps-receipt-list span{display:flex;justify-content:space-between;gap:6px}.ps-receipt-list span::after{content:"—";color:#668bc4}
.ps-signs{position:relative;max-width:250px;width:100%;aspect-ratio:250/320;filter:drop-shadow(0 10px 12px #18243b16)}
.ps-signs::before{content:"";position:absolute;left:48%;top:5%;bottom:3%;width:9%;border-radius:10px;background:linear-gradient(90deg,#8998b1,#d8e2f1 45%,#8899b4);border:1px solid #d5e0f288}
.ps-intro .ps-sign{position:absolute;left:0;width:100%;height:21%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;text-decoration:none;color:#243044;clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);background:linear-gradient(130deg,#fafcff,#d0def1);transition:transform .25s cubic-bezier(.23,1,.32,1)}
.ps-sign:nth-child(1){top:12%;transform:rotate(-4deg)}.ps-sign:nth-child(2){top:38%;clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%);background:linear-gradient(130deg,#343f51,#19212e);color:#e9f1fc;transform:rotate(3deg)}.ps-sign:nth-child(3){top:64%;transform:rotate(-2deg)}
.ps-intro :is(a,button):focus-visible{outline:3px solid var(--ps-blue);outline-offset:5px;border-radius:16px}.ps-intro .ps-sign:focus-visible{clip-path:none;border-radius:8px}
@media(hover:hover) and (pointer:fine){.ps-intro .ps-object:hover{transform:translateY(-4px) rotate(-1deg)}.ps-object:hover .ps-surface::after{opacity:1;transform:translateX(60%)}.ps-intro .ps-sign:hover{transform:translateX(4px)}.ps-intro .ps-items:hover{border-color:rgba(106,151,224,.4)}}
.ps-intro .ps-object:active{transform:scale(.985);transition-duration:.1s}
@media(max-width:1150px) and (min-width:1024px){.ps-intro .ps-layout{grid-template-columns:1fr}.ps-intro--sign .ps-visual,.ps-intro--sign .ps-copy{grid-column:auto;grid-row:auto}.ps-intro .ps-visual{order:-1}}
@media(max-width:650px){.ps-intro .ps-layout{grid-template-columns:1fr;gap:20px}.ps-intro .ps-visual{order:-1}.ps-intro--sign .ps-visual,.ps-intro--sign .ps-copy{grid-column:auto;grid-row:auto}.ps-intro .ps-object{max-width:240px}.ps-intro .ps-receipt{max-width:215px!important}.ps-intro .ps-signs{max-width:215px}.ps-intro--sign .ps-items{grid-template-columns:1fr;gap:0}.ps-intro--calendar .ps-items{padding-left:8px}.ps-intro h2{font-size:28px}.ps-intro p{font-size:15px}.ps-folder{--ps-top:38%}}
@media(prefers-reduced-motion:reduce){.ps-intro .ps-object,.ps-intro .ps-sign,.ps-surface::after{transition:none!important}.ps-intro .ps-object:hover,.ps-intro .ps-object:active{transform:none}.ps-surface::after{display:none}}
@media(prefers-reduced-transparency:reduce){.ps-surface{backdrop-filter:none}.ps-intro .ps-items{backdrop-filter:none}}
@media(forced-colors:active){.ps-surface{background:Canvas!important}.ps-intro .ps-object-copy,.ps-intro .ps-object-copy :is(small,strong,.ps-object-link),.ps-intro .ps-receipt-list{color:LinkText!important}.ps-intro .ps-sign{clip-path:none;border:1px solid LinkText;color:LinkText}.ps-intro .ps-items{border:1px solid CanvasText}}

.ps-intro :is(.ps-folder,.ps-calendar) .ps-object-copy strong{font-size:25px;margin:8px 0}.ps-intro :is(.ps-folder,.ps-calendar) .ps-object-link{min-height:36px}
@media(prefers-reduced-motion:reduce){.ps-intro .ps-sign:nth-child(1):hover{transform:rotate(-4deg)}.ps-intro .ps-sign:nth-child(2):hover{transform:rotate(3deg)}.ps-intro .ps-sign:nth-child(3):hover{transform:rotate(-2deg)}}

.ps-intro .ps-receipt .ps-object-copy strong{font-size:20px;margin:8px 0}.ps-intro .ps-receipt-list{gap:8px;margin:12px 0 4px;padding-top:12px}.ps-intro .ps-receipt .ps-object-link{min-height:36px}