.sharing-modes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.sharing-mode {display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--border-strong);border-radius:20px;background:var(--surface);color:var(--text);text-align:left;font:inherit;min-width:0;}
.sharing-mode:hover,.sharing-mode:focus-visible {border-color:var(--accent);}
.sharing-mode-title {font-size:24px;font-weight:700;}
.sharing-mode>span:not(.sharing-mode-title):not(.sharing-mode-link):not(.sharing-mode-tag) {color:var(--hint);line-height:1.6;}
.sharing-mode-link {color:var(--accent);margin-top:auto;font-size:14px;line-height:1.5;}
.sharing-mode-tag,.sharing-period {background:rgba(232,184,109,.1);color:var(--accent);border-radius:8px;padding:6px 10px;font-size:12px;}
.sharing-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.sharing-heading .screen-title {margin:0;}
.sharing-intro {color:var(--hint);line-height:1.6;margin:0 0 24px;max-width:700px;}
.sharing-selection,.sharing-how,.sharing-faq {padding:24px;border:1px solid var(--border-strong);border-radius:20px;background:var(--surface);margin-bottom:24px;}
#screen-psplus-sharing h3 {font-size:18px;line-height:1.4;margin:0 0 16px;}
.sharing-consoles {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px;}
.sharing-consoles button {min-height:52px;padding:12px 8px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg);color:var(--hint);font:inherit;font-weight:600;}
.sharing-consoles button.active {border-color:var(--accent);background:rgba(232,184,109,.12);color:var(--accent);}
.sharing-tiers {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.sharing-tiers .psplus-chip {min-width:0;width:100%;margin:0;border:2px solid transparent;min-height:88px;}
.sharing-tiers .psplus-chip.active {border-color:var(--accent);box-shadow:none;}
.sharing-description,.sharing-order-note {font-size:14px;line-height:1.6;color:var(--hint);}
.sharing-description {min-height:48px;margin:18px 0;}
.sharing-summary {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;margin:0 0 16px;border-top:1px solid var(--border-strong);}
.sharing-summary>div {display:flex;flex-direction:column;gap:6px;min-width:0;}
.sharing-summary span {font-size:13px;color:var(--hint);line-height:1.5;}
#sharing-total {font-size:24px;color:var(--accent);white-space:nowrap;}
.sharing-support-cta {display:flex;width:100%;min-height:54px;text-decoration:none;text-align:center;}
.sharing-order-note {margin:12px 0 0;}
.sharing-how ol {counter-reset:sharing;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.sharing-how li {counter-increment:sharing;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;row-gap:6px;align-content:start;}
.sharing-how li:before {content:counter(sharing);grid-row:1/3;color:var(--accent);background:rgba(232,184,109,.1);border-radius:9px;width:32px;height:32px;display:grid;place-items:center;}
.sharing-how li span {grid-column:2;font-size:14px;line-height:1.6;color:var(--hint);}
.sharing-how li strong {font-size:15px;line-height:1.5;}
.sharing-faq details {border-top:1px solid var(--border-strong);}
.sharing-faq summary {min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:16px 0;font-size:14px;font-weight:600;line-height:1.5;}
.sharing-faq summary::-webkit-details-marker {display:none;}
.sharing-faq summary:after {content:'+';flex-shrink:0;color:var(--accent);font-size:22px;font-weight:400;}
.sharing-faq details[open] summary:after {content:'−';}
.sharing-faq p {margin:0;padding:0 0 18px;color:var(--hint);font-size:14px;line-height:1.7;}
#screen-psplus-sharing button:focus-visible,#screen-psplus-sharing a:focus-visible,.sharing-faq summary:focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
@media(max-width:767px) {
 .sharing-modes {grid-template-columns:minmax(0,1fr);}
 .sharing-mode {padding:20px;}
 .sharing-mode-title {font-size:21px;}
 .sharing-selection,.sharing-how,.sharing-faq {padding:16px;margin-bottom:20px;}
 .sharing-tiers {grid-template-columns:minmax(0,1fr);gap:10px;}
 .sharing-tiers .psplus-chip {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;min-height:64px;}
 .sharing-description {min-height:0;}
 .sharing-how ol {grid-template-columns:minmax(0,1fr);}
 .sharing-heading .screen-title {font-size:24px;}
 #sharing-total {font-size:22px;}
}
