/* uncensored-page-20261113 (owner 11-13), /uncensored page only.
   1) Phones: the hero uses the homepage's 11-12 mobile pass (smaller type steps, tighter spacing, two buttons side by side).
   2) Text models: maker filter chips (built by uncensored-page.js; without JS nothing here applies and every group shows).
   3) Owner round 2 (11-13): square corners like the rest of the site, and a balanced "How do I connect" section
      (the phone card now sits under the code panel in the HTML; Setup guides take the full width).
   Desktop hero is unchanged: every hero rule sits inside the max-width:560px block. */
body.pg.pg-uncensored .sr-card,body.pg.pg-uncensored .sr-icon-box,body.pg.pg-uncensored .sr-section code:not(pre code){border-radius:0}
body.pg.pg-uncensored .connect-more{grid-template-columns:minmax(0,1fr)}
body.pg .mkf{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0}
body.pg .mkf-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;margin:0;border:1px solid var(--line-2);border-radius:0;background:transparent;color:var(--cream-2);font:500 13.5px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
body.pg .mkf-chip:hover{color:var(--cream);border-color:rgba(255,85,0,.55)}
body.pg .mkf-chip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
body.pg .mkf-chip .mkf-n{font:500 11.5px/1 var(--mono);color:var(--cream-3)}
body.pg .mkf-chip[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--ink)}
body.pg .mkf-chip[aria-pressed="true"] .mkf-n{color:var(--ink);opacity:.75}
body.pg .pt tr[hidden]{display:none!important}

@media (max-width:560px){
  body.pg.pg-uncensored .ph-copy{display:flex;flex-direction:column;padding:20px 0 8px}
  body.pg.pg-uncensored .crumbs ol{margin-bottom:18px;font-size:12.5px}
  body.pg.pg-uncensored .ph h1{font-size:clamp(29px,8.6vw,34px);line-height:1.05;letter-spacing:-.035em;max-width:none}
  body.pg.pg-uncensored .ph-lead{font-size:15px;line-height:1.5;margin-top:16px}
  /* like the homepage: the $0.10 row sits between hairlines above the buttons */
  body.pg.pg-uncensored .ph-credit{order:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:22px 0 16px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  body.pg.pg-uncensored .ph-credit .amt{font-size:24px;font-weight:700;letter-spacing:-.03em}
  body.pg.pg-uncensored .ph-credit .txt{font-size:13px;line-height:1.35;color:var(--cream)}
  body.pg.pg-uncensored .ph-ctas{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
  body.pg.pg-uncensored .ph-ctas .btn{width:100%;min-width:0;height:44px;padding:0 10px;gap:6px;justify-content:center;font-size:14px;white-space:nowrap}
  body.pg .mkf{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin:0 -20px 16px;padding:0 20px 2px;scrollbar-width:none;scroll-padding-inline:20px}
  body.pg .mkf::-webkit-scrollbar{display:none}
  body.pg .mkf-chip{flex:none;height:32px;padding:0 12px;font-size:13px}
}
@media (max-width:409px){
  body.pg.pg-uncensored .ph-ctas .btn{padding:0 6px;font-size:13.5px}
  body.pg.pg-uncensored .ph-ctas .btn .go{display:none}
}
@media (max-width:373px){
  body.pg.pg-uncensored .ph-ctas{grid-template-columns:minmax(0,1fr)}
  body.pg.pg-uncensored .ph-ctas .btn{padding:0 10px;font-size:14px}
}