/* An editorial membership proposal, scoped to the existing OUART shell. */
#ouart-app.is-membership-page .v3-layout { grid-template-columns:var(--rail) minmax(0,1fr); }
#ouart-app.is-membership-page .v3-main { border-right:0; }
#ouart-app.is-membership-page .v3-sidebar .is-active { color:var(--red); }
#ouart-app .v3-membership-page { padding:0 clamp(26px,4vw,64px); max-width:1320px; margin:auto; }
#ouart-app .v3-member-subnav { min-height:76px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:24px; }
#ouart-app .v3-member-name { font-weight:600; font-size:18px; align-self:stretch; display:flex; align-items:center; position:relative; white-space:nowrap; }
#ouart-app .v3-member-name::after { content:""; height:2px; background:var(--red); position:absolute; left:0; right:0; bottom:-1px; }
#ouart-app .v3-member-subnav > div { display:flex; gap:28px; font-size:13px; }
#ouart-app .v3-member-subnav > div a { padding-block:16px; white-space:nowrap; }
#ouart-app .v3-member-hero { padding:60px 10px 46px; text-align:center; }
#ouart-app .v3-member-hero h1 { font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif; font-size:clamp(46px,5.3vw,78px); line-height:1.22; font-weight:700; letter-spacing:-.045em; text-wrap:balance; line-break:strict; }
#ouart-app .v3-member-hero h1 span { color:var(--red); }
#ouart-app .v3-member-intro { font-size:17px; line-height:1.9; color:#53564e; margin:25px auto 0; max-width:42em; text-wrap:pretty; }
#ouart-app .v3-member-mobile-break { display:none; }
#ouart-app .v3-member-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px 32px; margin-top:28px; }
#ouart-app .v3-member-actions .v3-text-link { font-size:15px; }
#ouart-app .v3-member-button { display:inline-flex; justify-content:center; align-items:center; background:var(--red); color:#fff; border:1px solid var(--red); min-height:48px; padding:12px 38px; font-size:15px; line-height:1.5; font-weight:600; border-radius:6px; transition:background .15s; }
#ouart-app .v3-member-button:hover { background:var(--red-dark); color:#fff; }
#ouart-app .v3-member-hero .v3-member-status { margin-top:18px; color:var(--muted); font-size:12px; }
#ouart-app .v3-member-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px 0 44px; border-bottom:1px solid var(--line); }
#ouart-app .v3-member-benefit { text-align:center; padding:8px 18px; border-right:1px solid #d7d4cc; }
#ouart-app .v3-member-benefit:last-child { border:0; }
#ouart-app .v3-member-benefit h3 { font-size:21px; font-weight:600; margin-bottom:12px; }
#ouart-app .v3-member-benefit p { font-size:14px; line-height:1.9; color:var(--muted); text-wrap:balance; }
#ouart-app .v3-member-section { padding-top:46px; scroll-margin-top:36px; }
#ouart-app .v3-member-section h2 { font-size:clamp(25px,2.2vw,31px); font-weight:600; line-height:1.5; letter-spacing:-.025em; text-wrap:balance; line-break:strict; }
#ouart-app .v3-member-section-head > p { margin-top:9px; color:var(--muted); font-size:13px; line-height:1.8; }
#ouart-app .v3-member-samples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:23px; align-items:start; }
#ouart-app .v3-member-sample { border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fdfcf9; }
#ouart-app .v3-member-sheet { height:248px; padding:21px 21px 10px; color:#5b5c56; pointer-events:none; }
#ouart-app .v3-sheet-top { display:flex; gap:8px; justify-content:space-between; font-size:9px; color:var(--muted); margin-bottom:22px; letter-spacing:.03em; }
#ouart-app .v3-member-sheet > strong { font:600 17px/1.6 "Songti SC","SimSun",serif; color:var(--ink); }
#ouart-app .v3-member-sheet > p { font-size:10px; margin-top:5px; }
#ouart-app .v3-sheet-swatches { margin-top:22px; display:grid; grid-template-columns:34px repeat(4,1fr); gap:12px 5px; align-items:center; font-size:9px; }
#ouart-app .v3-sheet-swatches i { display:block; height:25px; background:var(--swatch); }
#ouart-app .v3-sheet-layout { margin-top:22px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
#ouart-app .v3-sheet-grid { border:1px solid #d9d5cc; height:112px; background-image:linear-gradient(to right,transparent calc(33.333% - .5px),#e2ded5 calc(33.333% - .5px),#e2ded5 calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#e2ded5 calc(66.666% - .5px),#e2ded5 calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#e2ded5 calc(50% - .5px),#e2ded5 calc(50% + .5px),transparent calc(50% + .5px)); }
#ouart-app .v3-sheet-fields { display:grid; font-size:9px; gap:7px; }
#ouart-app .v3-sheet-fields span { border-bottom:1px solid #d9d5cc; }
#ouart-app .v3-sheet-checks { display:grid; grid-template-columns:66px 1fr; font-size:9px; margin-top:17px; }
#ouart-app .v3-sheet-checks span { border-bottom:1px solid var(--line); padding:4px 0; }
#ouart-app .v3-member-sample-copy { padding:13px 21px 20px; }
#ouart-app .v3-member-sample h3 { font-size:17px; font-weight:600; line-height:1.6; text-wrap:balance; line-break:strict; }
#ouart-app .v3-member-sample-copy > p { color:var(--muted); font-size:11px; margin-top:4px; }
#ouart-app .v3-membership-page summary { display:flex; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; gap:16px; }
#ouart-app .v3-membership-page summary::-webkit-details-marker { display:none; }
#ouart-app .v3-membership-page summary > span { font-size:20px; font-weight:400; line-height:1; color:var(--red); }
#ouart-app .v3-membership-page details[open] > summary > span { transform:rotate(45deg); }
#ouart-app .v3-member-sample summary { font-size:12px; color:var(--red); padding-top:12px; justify-content:flex-start; gap:12px; }
#ouart-app .v3-member-sample details > p { font-size:12px; line-height:1.85; color:#63645d; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
#ouart-app .v3-member-current { margin-top:17px; color:var(--muted); font-size:12px; line-height:1.8; }
#ouart-app .v3-member-plan-grid { margin-top:24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-block:1px solid var(--line); }
#ouart-app .v3-member-plan { border:0; border-right:1px solid var(--line); border-radius:0; padding:29px; display:flex; flex-direction:column; align-items:stretch; }
#ouart-app .v3-member-plan:first-child { padding-left:0; }
#ouart-app .v3-member-plan:last-child { border-right:0; padding-right:0; }
#ouart-app .v3-member-plan h3 { font-size:20px; font-weight:600; }
#ouart-app .v3-member-plan-heading { display:flex; align-items:center; gap:14px; }
#ouart-app .v3-member-plan-paid { background:#fcf9f4; }
#ouart-app .v3-member-plan-paid .v3-state { border:0; border-radius:3px; background:#f0e5de; color:var(--red); font-size:11px; padding:3px 8px; }
#ouart-app .v3-member-price { display:flex; align-items:baseline; gap:11px; margin-top:14px; }
#ouart-app .v3-member-price strong { font:500 53px/1.25 Georgia,"Times New Roman",serif; color:var(--ink); letter-spacing:-.03em; }
#ouart-app .v3-member-price > span { font-size:13px; color:var(--muted); }
#ouart-app .v3-member-plan-intro,#ouart-app .v3-member-draft-price { font-size:12px; margin-top:10px; color:var(--muted); }
#ouart-app .v3-member-draft-price { color:var(--red); }
#ouart-app .v3-member-plan ul { padding:20px 0 24px; list-style:none; margin:0; font-size:13px; line-height:1.9; }
#ouart-app .v3-member-plan li { position:relative; padding-left:14px; margin-bottom:6px; }
#ouart-app .v3-member-plan li::before { content:"·"; position:absolute; left:0; font-weight:700; }
#ouart-app .v3-member-button-outline { background:none; color:var(--ink); border-color:#bcb4a7; margin-top:auto; }
#ouart-app .v3-member-button-outline:hover { background:#eee9e0; color:var(--ink); }
#ouart-app .v3-member-unavailable { text-align:center; font-size:14px; line-height:1.5; border-radius:6px; padding:14px; color:#685c52; background:#eee5dc; margin-top:auto; }
#ouart-app .v3-member-plan-note { margin-top:12px; font-size:11px; color:var(--muted); line-height:1.8; }
#ouart-app .v3-member-pricing-note { color:var(--muted); font-size:12px; line-height:1.85; margin-top:17px; }
#ouart-app .v3-member-boundary { border-top:1px solid var(--line); margin-top:30px; padding-top:25px; }
#ouart-app .v3-member-boundary strong { font-size:15px; font-weight:600; }
#ouart-app .v3-member-boundary p { margin-top:7px; color:var(--muted); font-size:13px; line-height:1.9; max-width:64em; }
#ouart-app .v3-member-scope-details { border-bottom:1px solid var(--line); margin-top:12px; }
#ouart-app .v3-member-scope-details > summary { font-size:13px; padding:17px 0; color:var(--red); }
#ouart-app .v3-member-scope-table { padding-bottom:22px; }
#ouart-app .v3-member-scope-head,#ouart-app .v3-member-scope { display:grid; grid-template-columns:100px 1fr 1fr; gap:18px; border-top:1px solid var(--line); padding:16px 0; font-size:12px; line-height:1.8; }
#ouart-app .v3-member-scope-head { font-size:11px; color:var(--muted); }
#ouart-app .v3-member-scope h3 { font-size:13px; font-weight:600; }
#ouart-app .v3-member-scope p { color:#61645b; }
#ouart-app .v3-member-scope a { text-decoration:underline; text-decoration-color:#cec6b9; text-underline-offset:4px; }
#ouart-app .v3-scope-mobile-label { display:none; }
#ouart-app .v3-member-faq-list { margin-top:21px; border-top:1px solid var(--line); }
#ouart-app .v3-member-faq details { border-bottom:1px solid var(--line); }
#ouart-app .v3-member-faq summary { padding:21px 0; font-size:14px; }
#ouart-app .v3-member-faq details > p { padding:0 35px 22px 0; max-width:70em; font-size:13px; line-height:1.9; color:#63665d; }
#ouart-app .v3-member-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:38px 0; }
#ouart-app .v3-member-bottom p { font:20px/1.6 "Songti SC","SimSun",serif; }
@media(max-width:1200px) { #ouart-app .v3-member-sheet { padding-inline:15px; } #ouart-app .v3-member-sample-copy { padding-inline:15px; } #ouart-app .v3-member-sample h3 { font-size:15px; } #ouart-app .v3-member-sheet > p { font-size:9px; } #ouart-app .v3-member-subnav > div { gap:18px; } #ouart-app .v3-member-plan { padding-inline:20px; } #ouart-app .v3-member-price strong { font-size:45px; } }
@media(max-width:900px) { #ouart-app.is-membership-page .v3-layout { display:block; } #ouart-app .v3-member-section,#ouart-app #member-benefits,#ouart-app #membership-page { scroll-margin-top:92px; } #ouart-app .v3-member-hero { padding-top:48px; } }
@media(max-width:700px) { #ouart-app .v3-member-samples { grid-template-columns:1fr; gap:16px; } #ouart-app .v3-member-sheet { padding:21px; height:232px; } #ouart-app .v3-member-sample-copy { padding:15px 21px 20px; } #ouart-app .v3-member-sample h3 { font-size:18px; } #ouart-app .v3-sheet-swatches { max-width:350px; } #ouart-app .v3-sheet-swatches i { height:28px; } #ouart-app .v3-sheet-layout { max-width:350px; } #ouart-app .v3-sheet-checks { font-size:10px; } #ouart-app .v3-member-plan-grid { grid-template-columns:1fr; } #ouart-app .v3-member-plan,#ouart-app .v3-member-plan:first-child,#ouart-app .v3-member-plan:last-child { padding:25px 0; border-right:0; border-bottom:1px solid var(--line); } #ouart-app .v3-member-plan:last-child { border-bottom:0; } #ouart-app .v3-member-scope-head { display:none; } #ouart-app .v3-member-scope { grid-template-columns:1fr; gap:7px; } #ouart-app .v3-scope-mobile-label { display:block; color:var(--muted); font-size:10px; } }
@media(max-width:600px) { #ouart-app .v3-membership-page { padding-inline:24px; } #ouart-app .v3-member-subnav { flex-direction:column; align-items:stretch; gap:0; padding-top:16px; } #ouart-app .v3-member-name { font-size:16px; padding-bottom:12px; } #ouart-app .v3-member-name::after { display:none; } #ouart-app .v3-member-subnav > div { gap:0; justify-content:space-between; font-size:11px; } #ouart-app .v3-member-subnav > div a { padding-block:8px 14px; } #ouart-app .v3-member-hero { padding:37px 0 28px; } #ouart-app .v3-member-hero h1 { font-size:clamp(37px,10.6vw,57px); letter-spacing:-.045em; } #ouart-app .v3-member-intro { font-size:13px; margin-top:21px; } #ouart-app .v3-member-mobile-break { display:block; } #ouart-app .v3-member-actions { gap:18px; margin-top:22px; } #ouart-app .v3-member-button { font-size:13px; padding:12px 24px; min-height:46px; } #ouart-app .v3-member-actions .v3-text-link { font-size:12px; gap:10px; } #ouart-app .v3-member-hero .v3-member-status { font-size:11px; } #ouart-app .v3-member-benefits { grid-template-columns:1fr; padding:0 0 23px; } #ouart-app .v3-member-benefit { display:grid; grid-template-columns:91px 1fr; text-align:left; align-items:start; gap:14px; padding:15px 0; border:0; } #ouart-app .v3-member-benefit h3 { font-size:16px; margin:0; } #ouart-app .v3-member-benefit p { font-size:12px; line-height:1.8; } #ouart-app .v3-member-benefit br { display:none; } #ouart-app .v3-member-section { padding-top:32px; } #ouart-app .v3-member-section h2 { font-size:24px; } #ouart-app .v3-member-section-head > p { font-size:12px; } #ouart-app .v3-member-bottom { flex-direction:column; align-items:flex-start; padding-block:30px; gap:12px; } #ouart-app .v3-member-bottom p { font-size:19px; } #ouart-app .v3-member-faq summary { font-size:13px; padding-block:18px; } #ouart-app .v3-member-faq details > p { padding-right:0; font-size:12px; } }