/* ═══════════════════════════════════════════════════════════════════
   /portal — Anmelde-Attrappe und App-Hülle des Kundenportals (Phase 6).

   Das Portal ist der einzige Bereich der Site mit einer EIGENEN Hülle:
   keine Marketing-Kopfzeile, kein Marketing-Footer, dafür eine
   Seitenleiste. Gleiche Tokens, weniger Chrome — es soll erkennbar
   dieselbe Marke sein und trotzdem nach Arbeitsoberfläche aussehen
   (03-IA §8).

   Register wie überall: Weiß, Haarlinien, keine getönten Flächen ohne
   Grund (DESIGN §2/§6). Der eine Grund hier ist die Seitenleiste — sie
   ist Rahmen, nicht Inhalt, und trägt deshalb Cream mit Haarlinie,
   dieselbe Bauart wie der Footer.

   Wiederverwendet: .pill .h1 .h2 .btn .chip .tag--demo .skip
   Zustände in der Seitenleiste folgen der Sprache aus „Die Gruppe"
   (DESIGN §13, 16.08.): keine Fläche, kein Schatten — ein rotes
   2px-Stück an der aktiven Zeile.

   Kein JavaScript nötig: Konto in `?konto=`, Bereich im Pfad.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Gemeinsames ──────────────────────────────────────────────────── */

.pt-body{background:var(--c-white)}

.pt-brand{display:flex;align-items:center;gap:var(--s-3)}
.pt-brand img{width:auto;height:2rem}

/* ═══ Anmeldung ══════════════════════════════════════════════════════
   Kein Passwortfeld: ein Passwort, das jedes tut, wäre Theater. Was
   gewählt wird, ist die Rolle — und der Bildschirm sagt, warum.
   ══════════════════════════════════════════════════════════════════ */

.pt-lg__top{display:flex;justify-content:space-between;align-items:center;
  gap:var(--s-6);max-width:var(--shell);margin-inline:auto;
  padding:var(--s-6) var(--gutter)}
.pt-lg__back{font-size:var(--t-sm);font-weight:var(--fw-strong);color:var(--c-muted);
  transition:color var(--dur-ui)}
.pt-lg__back:hover{color:var(--c-signal)}

.pt-lg{padding-block:var(--s-10) var(--section-y)}
.pt-lg__box{max-width:64rem;margin-inline:auto;padding-inline:var(--gutter)}
.pt-lg__title{margin-top:var(--s-4);max-width:18ch}
.pt-lg__lead{margin-top:var(--s-5);max-width:58ch;color:var(--c-muted);font-size:var(--t-md)}

.pt-lg__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s-6);margin-top:var(--s-10)}

/* Zwei Konten nebeneinander, damit der Unterschied ein Vergleich ist
   und keine Erinnerungsleistung. Weiß + Haarlinie, kein Blush (§2). */
.pt-acct{display:flex;flex-direction:column;
  border:1px solid var(--c-line);border-radius:var(--r-card);
  padding:var(--s-8)}
.pt-acct__head{display:flex;justify-content:space-between;align-items:flex-start;
  gap:var(--s-4)}
.pt-acct__name{font-size:var(--t-lg);line-height:1.15;letter-spacing:-.025em;
  font-weight:var(--fw-title)}
.pt-acct__kind{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--c-muted)}
.pt-acct__teaser{margin-top:var(--s-5);font-size:var(--t-sm);line-height:1.6}
/* `margin-top:auto` sitzt auf der Chip-Reihe, nicht auf dem Knopf: so
   stehen bei zwei ungleich langen Karten beide Knöpfe auf einer Höhe. */
.pt-acct__secs{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:auto;
  padding-top:var(--s-5);border-top:1px solid var(--c-line)}
.pt-acct__go{margin-top:var(--s-8);align-self:flex-start}

.pt-lg__note{margin-top:var(--s-12);padding-top:var(--s-8);
  border-top:1px solid var(--c-line)}
.pt-lg__note > p{display:flex;align-items:center;gap:var(--s-3);
  font-size:var(--t-sm);font-weight:var(--fw-strong)}
.pt-lg__facts{display:grid;gap:var(--s-3);margin-top:var(--s-5);
  max-width:70ch;font-size:var(--t-sm);line-height:1.6;color:var(--c-muted)}
.pt-lg__facts strong{color:var(--c-ink)}

/* ═══ App-Hülle ═════════════════════════════════════════════════════ */

.pt{display:grid;grid-template-columns:17.5rem minmax(0,1fr);min-height:100vh}

/* ── Seitenleiste ─────────────────────────────────────────────────── */
.pt__side{position:sticky;top:0;align-self:start;height:100vh;
  display:flex;flex-direction:column;gap:var(--s-8);
  padding:var(--s-8) var(--s-6);
  background:var(--c-cream);border-right:1px solid var(--c-line);
  overflow-y:auto}

.pt__brand{flex-direction:column;align-items:flex-start;gap:var(--s-2)}
.pt__brand-tag{font-size:var(--t-xs);font-weight:var(--fw-strong);
  letter-spacing:.12em;text-transform:uppercase;color:var(--c-signal)}

.pt__acct{padding-block:var(--s-5);border-block:1px solid var(--c-line)}
.pt__acct-name{font-size:var(--t-sm);font-weight:var(--fw-title);line-height:1.3}
.pt__acct-meta{margin-top:var(--s-2);font-size:var(--t-xs);line-height:1.6;
  color:var(--c-muted)}

.pt__nav{display:grid;gap:var(--s-1)}
/* Zustand ohne Fläche und ohne Schatten (DESIGN §13, „Die Gruppe"):
   das rote 2px-Stück links markiert die Zeile, der Rest ist Farbe. */
.pt__nav-a{position:relative;display:flex;align-items:center;gap:var(--s-3);
  padding:.6rem var(--s-3);border-radius:var(--r-sm);
  font-size:var(--t-sm);font-weight:var(--fw-strong);color:var(--c-muted);
  transition:color var(--dur-ui)}
.pt__nav-a::before{content:"";position:absolute;left:0;
  inset-block:.35rem;width:2px;border-radius:var(--r-pill);background:transparent}
.pt__nav-a:hover{color:var(--c-ink)}
.pt__nav-ic{flex:none;width:1.15rem;height:1.15rem;color:var(--c-muted-d);
  transition:color var(--dur-ui)}
.pt__nav-ic svg{width:100%;height:100%}
.pt__nav-a:hover .pt__nav-ic{color:var(--c-muted)}
.pt__nav-a.is-on{color:var(--c-ink)}
.pt__nav-a.is-on .pt__nav-ic{color:var(--c-signal)}
.pt__nav-a.is-on::before{background:var(--c-signal)}

.pt__sidefoot{margin-top:auto;display:grid;gap:var(--s-3);
  padding-top:var(--s-6);border-top:1px solid var(--c-line)}
.pt__user{display:grid;gap:var(--s-1)}
.pt__user-name{font-size:var(--t-sm);font-weight:var(--fw-title)}
.pt__user-role{font-size:var(--t-xs);color:var(--c-muted)}
.pt__switch{display:inline-flex;align-items:center;justify-content:center;
  min-height:2.5rem;padding:.5rem var(--s-4);border-radius:var(--r-pill);
  border:1px solid var(--c-signal);color:var(--c-signal);
  font-size:var(--t-sm);font-weight:var(--fw-strong);
  transition:background var(--dur-ui),color var(--dur-ui)}
.pt__switch:hover{background:var(--c-signal);color:#fff}
.pt__leave{font-size:var(--t-xs);color:var(--c-muted);text-align:center;
  transition:color var(--dur-ui)}
.pt__leave:hover{color:var(--c-signal)}

/* ── Inhaltsspalte ────────────────────────────────────────────────── */
.pt__col{display:flex;flex-direction:column;min-width:0}

.pt__bar{position:sticky;top:0;z-index:2;
  display:flex;justify-content:space-between;align-items:center;gap:var(--s-6);
  padding:var(--s-5) var(--s-10);
  background:var(--c-white);border-bottom:1px solid var(--c-line)}
.pt__crumb{display:flex;align-items:center;gap:var(--s-2);
  font-size:var(--t-sm);color:var(--c-muted)}
.pt__crumb strong{color:var(--c-ink);font-weight:var(--fw-strong)}
/* Der Konzept-Streifen steht auf JEDEM Bereich — er ist die stehende
   Kennzeichnung, nicht ein Hinweis am Anfang (PRINCIPLES §1). */
.pt__demo{display:flex;align-items:center;gap:var(--s-3);
  font-size:var(--t-xs);color:var(--c-muted)}

.pt__view{flex:1;max-width:68rem;padding:var(--s-10)}

.pt__foot{margin-top:var(--s-16);padding-top:var(--s-5);
  border-top:1px solid var(--c-line);
  font-size:var(--t-xs);color:var(--c-muted)}
.pt__foot a{color:var(--c-signal);font-weight:var(--fw-strong)}

/* ── Bereichskopf, Kennzahlen, Blöcke ─────────────────────────────── */
.pt-head__title{letter-spacing:-.03em}
.pt-head__lead{margin-top:var(--s-4);max-width:62ch;color:var(--c-muted);
  font-size:var(--t-sm);line-height:1.65}

.pt-nums{display:flex;flex-wrap:wrap;gap:var(--s-10);margin-top:var(--s-8);
  padding-block:var(--s-6);border-block:1px solid var(--c-line)}
.pt-nums__v{display:block;font-size:var(--t-xl);line-height:1;letter-spacing:-.03em;
  font-weight:var(--fw-title);font-variant-numeric:tabular-nums}
.pt-nums__k{display:block;margin-top:var(--s-2);font-size:var(--t-xs);
  font-weight:var(--fw-strong);letter-spacing:.12em;text-transform:uppercase;
  color:var(--c-muted)}

.pt-block{margin-top:var(--s-10)}
.pt-block--sep{margin-top:var(--s-12);padding-top:var(--s-8);
  border-top:1px solid var(--c-line)}
.pt-block__h{font-size:var(--t-xs);font-weight:var(--fw-strong);
  letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.pt-block__more{margin-top:var(--s-5);font-size:var(--t-sm);font-weight:var(--fw-strong)}
.pt-block__more a{color:var(--c-signal)}
.pt-empty{margin-top:var(--s-5);font-size:var(--t-sm);color:var(--c-muted)}

.pt-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-10)}

.pt-note{margin-top:var(--s-6);font-size:var(--t-xs);line-height:1.6;
  color:var(--c-muted);max-width:70ch}
.pt-note a{color:var(--c-signal);font-weight:var(--fw-strong)}
.pt-note--lead{display:flex;align-items:baseline;gap:var(--s-3);
  margin-top:var(--s-8);font-size:var(--t-sm)}
.pt-note--lead .tag--demo{flex:none}

.pt-cta{margin-top:var(--s-10)}

/* ── Als Nächstes ─────────────────────────────────────────────────── */
.pt-agenda{margin-top:var(--s-5);display:grid}
.pt-agenda__i{display:flex;gap:var(--s-5);align-items:baseline;
  padding-block:var(--s-4);border-top:1px solid var(--c-line)}
.pt-agenda__i:last-child{border-bottom:1px solid var(--c-line)}
.pt-agenda__d{flex:none;width:6rem;font-size:var(--t-sm);font-weight:var(--fw-strong);
  font-variant-numeric:tabular-nums;color:var(--c-signal)}
.pt-agenda__b{display:grid;gap:var(--s-1);min-width:0}
.pt-agenda__t{font-size:var(--t-sm);font-weight:var(--fw-title);line-height:1.35}
.pt-agenda__t a{transition:color var(--dur-ui)}
.pt-agenda__t a:hover{color:var(--c-signal)}
.pt-agenda__m{font-size:var(--t-xs);color:var(--c-muted)}

/* ── Leistungen ───────────────────────────────────────────────────── */
.pt-svclist{display:grid;gap:var(--s-4);margin-top:var(--s-8)}

.pt-svc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--s-6);align-items:start;
  border:1px solid var(--c-line);border-radius:var(--r-card);padding:var(--s-6)}
/* Icon-Kachel als Umrandung, nicht als rote Fläche — kleine Elemente
   differenzieren per Haarlinie (§2). */
.pt-svc__ic{flex:none;width:2.75rem;height:2.75rem;padding:.65rem;
  border:1px solid var(--c-line);border-radius:var(--r-sm);
  color:var(--c-signal);display:grid;place-items:center}
.pt-svc__ic svg{width:100%;height:100%}
.pt-svc__title{font-size:var(--t-md);line-height:1.25;letter-spacing:-.02em;
  font-weight:var(--fw-title)}
.pt-svc__promise{margin-top:var(--s-1);font-size:var(--t-sm);color:var(--c-signal);
  font-weight:var(--fw-strong)}
.pt-svc__tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}
.pt-svc__note{margin-top:var(--s-4);font-size:var(--t-sm);color:var(--c-muted);
  line-height:1.6}
.pt-svc__objs{margin-top:var(--s-4);padding-top:var(--s-4);
  border-top:1px solid var(--c-line);font-size:var(--t-sm)}
.pt-svc__objs-k{display:block;font-size:var(--t-xs);font-weight:var(--fw-strong);
  letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.pt-svc__objs-v{display:block;margin-top:var(--s-2)}
.pt-svc__status{flex:none;font-size:var(--t-xs);font-weight:var(--fw-strong);
  letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);
  white-space:nowrap}

/* Kurzform auf der Übersicht — dieselbe Reihenfolge, weniger Zeilen. */
.pt-svclist--slim{gap:0;margin-top:var(--s-5)}
.pt-svc--slim{display:flex;align-items:baseline;gap:var(--s-4);
  border:0;border-top:1px solid var(--c-line);border-radius:0;
  padding:var(--s-4) 0}
.pt-svclist--slim li:last-child{border-bottom:1px solid var(--c-line)}
.pt-svc__t{flex:1;min-width:0;font-size:var(--t-sm);font-weight:var(--fw-title)}
.pt-svc__co{flex:none;font-size:var(--t-xs);font-weight:var(--fw-strong);
  color:var(--c-signal)}
.pt-svc__m{flex:none;font-size:var(--t-xs);color:var(--c-muted)}

/* ── Objekte ──────────────────────────────────────────────────────── */
.pt-objs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s-6);margin-top:var(--s-6)}
.pt-obj{display:grid;gap:var(--s-1);padding-top:var(--s-4);
  border-top:1px solid var(--c-line)}
.pt-obj__n{font-size:var(--t-sm);font-weight:var(--fw-title)}
.pt-obj__d{font-size:var(--t-xs);color:var(--c-muted);line-height:1.5}
.pt-obj__a{font-size:var(--t-xs);color:var(--c-muted-d)}

/* ── Prüfungen ────────────────────────────────────────────────────── */
.pt-checks{display:grid;margin-top:var(--s-8)}
.pt-check{display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto;
  gap:var(--s-6);align-items:center;
  padding-block:var(--s-5);border-top:1px solid var(--c-line)}
.pt-check:last-child{border-bottom:1px solid var(--c-line)}
.pt-check__due{display:grid;gap:var(--s-1)}
.pt-check__due-k{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;
  color:var(--c-muted)}
.pt-check__due-v{font-size:var(--t-sm);font-weight:var(--fw-strong);
  font-variant-numeric:tabular-nums}
/* „Bald fällig" ist eine Aussage, keine Dekoration — sie steht deshalb
   im Datum selbst und nicht in einer zweiten farbigen Fläche. */
.pt-check.is-soon .pt-check__due-v{color:var(--c-signal)}
.pt-check__body{display:grid;gap:var(--s-1);min-width:0}
.pt-check__t{font-size:var(--t-sm);font-weight:var(--fw-title)}
.pt-check__m{font-size:var(--t-xs);color:var(--c-muted)}
.pt-check__last{display:grid;gap:var(--s-1);text-align:right}
.pt-check__last-k{font-size:var(--t-xs);color:var(--c-muted)}
.pt-check__last-v{font-size:var(--t-sm)}

/* ── Seminare ─────────────────────────────────────────────────────── */
.pt-sems{display:grid;gap:var(--s-4);margin-top:var(--s-5)}
.pt-sem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-6);
  align-items:start;
  border:1px solid var(--c-line);border-radius:var(--r-card);padding:var(--s-6)}
.pt-sem__t{font-size:var(--t-md);line-height:1.25;letter-spacing:-.02em;
  font-weight:var(--fw-title)}
.pt-sem__t a{transition:color var(--dur-ui)}
.pt-sem__t a:hover{color:var(--c-signal)}
.pt-sem__m{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--c-muted)}
.pt-sem__ps{margin-top:var(--s-4);padding-top:var(--s-4);
  border-top:1px solid var(--c-line);font-size:var(--t-sm)}
.pt-sem__ps-k{display:block;font-size:var(--t-xs);font-weight:var(--fw-strong);
  letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);
  margin-bottom:var(--s-2)}
.pt-sem__price{text-align:right;font-size:var(--t-md);font-weight:var(--fw-strong);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.pt-sem__price-k{display:block;margin-top:var(--s-1);font-size:var(--t-xs);
  font-weight:var(--fw-body);color:var(--c-muted)}
.pt-sem__cert{display:flex;align-items:center;gap:var(--s-3);
  font-size:var(--t-xs);font-weight:var(--fw-strong);color:var(--c-muted);
  max-width:14rem;text-align:left}
.pt-sem__cert-ic{flex:none;width:1.4rem;height:1.4rem;color:var(--c-signal)}
.pt-sem__cert-ic svg{width:100%;height:100%}

/* ── Dokumente ────────────────────────────────────────────────────────
   Bewusst OHNE Klickziel (Simons Entscheidung, DESIGN §13): hinter
   keiner Zeile liegt eine Datei, also verspricht auch keine Zeile eine.
   Kein Hover-Heben, kein Pfeil, kein Cursor-Wechsel — die Liste liest
   sich als Verzeichnis, nicht als Download-Bereich. ── */
.pt-doclist{display:grid;margin-top:var(--s-8)}
.pt-doc{padding-block:var(--s-4);border-top:1px solid var(--c-line)}
.pt-doclist li:last-child{border-bottom:1px solid var(--c-line)}
.pt-doc--row{display:grid;
  grid-template-columns:8.5rem minmax(0,1fr) 12rem 4.5rem 6.5rem 3.5rem;
  gap:var(--s-4);align-items:baseline}
.pt-doc__type{font-size:var(--t-xs);font-weight:var(--fw-strong);
  letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
.pt-doc__t{font-size:var(--t-sm);font-weight:var(--fw-title);line-height:1.35}
.pt-doc__rev{margin-left:var(--s-2);font-size:var(--t-xs);font-weight:var(--fw-body);
  color:var(--c-muted)}
.pt-doc__obj,
.pt-doc__co,
.pt-doc__date,
.pt-doc__pages{font-size:var(--t-xs);color:var(--c-muted)}
.pt-doc__date,
.pt-doc__pages{font-variant-numeric:tabular-nums;text-align:right}

.pt-doclist--slim{margin-top:var(--s-5)}
.pt-doclist--slim .pt-doc{display:grid;gap:var(--s-1)}
.pt-doclist--slim .pt-doc__t{font-size:var(--t-sm)}
.pt-doclist--slim .pt-doc__m{font-size:var(--t-xs);color:var(--c-muted)}

/* ── Ansprechpartner ──────────────────────────────────────────────── */
.pt-cons{display:grid;gap:var(--s-4);margin-top:var(--s-8)}
.pt-con{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;
  gap:var(--s-6);align-items:center;
  border:1px solid var(--c-line);border-radius:var(--r-card);padding:var(--s-6)}
.pt-con__code{font-size:var(--t-sm);font-weight:var(--fw-strong);color:var(--c-signal);
  letter-spacing:.04em}
.pt-con__name{font-size:var(--t-md);line-height:1.25;letter-spacing:-.02em;
  font-weight:var(--fw-title)}
.pt-con__name a{transition:color var(--dur-ui)}
.pt-con__name a:hover{color:var(--c-signal)}
.pt-con__role{margin-top:var(--s-1);font-size:var(--t-sm);color:var(--c-muted)}
.pt-con__lines{display:grid;gap:var(--s-1);text-align:right;font-size:var(--t-sm)}
.pt-con__lines a{transition:color var(--dur-ui)}
.pt-con__lines a:hover{color:var(--c-signal)}
.pt-con__lines--wide{text-align:left;margin-top:var(--s-5)}

/* ── Kein Zugriff ─────────────────────────────────────────────────────
   Kein Fehlerbildschirm, sondern die Aussage der Seite in einem Kasten:
   die Adresse kennt den Bereich, dieses Konto nicht. ── */
.pt-deny{max-width:54ch;padding-block:var(--s-8)}
.pt-deny__title{margin-top:var(--s-4)}
.pt-deny__lead{margin-top:var(--s-5);color:var(--c-muted);font-size:var(--t-sm);
  line-height:1.65}
.pt-deny__act{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-8)}

/* ═══ Breakpoints ═══════════════════════════════════════════════════
   Reihenfolge wie überall: 1140 / 900 / 760 / 520 (DESIGN §5).
   ══════════════════════════════════════════════════════════════════ */

@media (max-width:1140px){
  .pt{grid-template-columns:15rem minmax(0,1fr)}
  .pt__view{padding:var(--s-8)}
  .pt__bar{padding:var(--s-5) var(--s-8)}
  .pt-doc--row{grid-template-columns:7rem minmax(0,1fr) 6rem 6rem;
    row-gap:var(--s-2)}
  .pt-doc__obj{grid-column:1/3}
  .pt-objs{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  /* Die Seitenleiste wird zum Kopf: Marke, Konto, Bereiche als
     waagrechte Reihe. Sie bleibt dieselbe Liste — auch am Handy ist
     sichtbar, welche Bereiche dieses Konto hat und welche nicht. */
  .pt{grid-template-columns:minmax(0,1fr)}
  .pt__side{position:static;height:auto;gap:var(--s-5);
    border-right:0;border-bottom:1px solid var(--c-line)}
  .pt__nav{grid-auto-flow:column;grid-auto-columns:max-content;
    gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-2)}
  .pt__nav-a::before{left:var(--s-3);right:var(--s-3);top:auto;bottom:0;
    inset-block:auto;width:auto;height:2px}
  .pt__sidefoot{margin-top:0;display:flex;flex-wrap:wrap;align-items:center;
    justify-content:space-between;gap:var(--s-4)}
  .pt__leave{text-align:left}
  .pt-two{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
  .pt-lg__list{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:760px){
  .pt__view{padding:var(--s-6) var(--s-5)}
  .pt__bar{padding:var(--s-4) var(--s-5);flex-wrap:wrap;gap:var(--s-2)}
  .pt-nums{gap:var(--s-6)}
  .pt-svc{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}
  .pt-svc__status{order:-1}
  .pt-svc--slim{flex-wrap:wrap;gap:var(--s-2)}
  .pt-svc__t{flex-basis:100%}
  .pt-check{grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
  .pt-check__last{text-align:left}
  .pt-sem{grid-template-columns:minmax(0,1fr)}
  .pt-sem__price{text-align:left}
  .pt-sem__cert{max-width:none}
  .pt-con{grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
  .pt-con__lines{text-align:left}
  .pt-doc--row{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--s-1)}
  .pt-doc__type{grid-column:1/3}
  .pt-doc__t{grid-column:1/3}
  .pt-doc__obj{grid-column:1}
  .pt-doc__co{grid-column:2;text-align:right}
  .pt-doc__date{grid-column:1;text-align:left}
  .pt-doc__pages{grid-column:2}
  .pt-objs{grid-template-columns:minmax(0,1fr)}
  .pt-acct{padding:var(--s-6)}
}