/* S-WIN content rhythm. Reuses the published council tabs and about navigation.
   Presentation only: no changes to application, payment, or permission handling. */
.participation-preview{--p-ink:#123b61;--p-muted:#4e6577;--p-blue:#0878bc;--p-line:#d8e4ec;--p-soft:#e7f2f9;--p-content-radius:8px}
.participation-preview .p-main{font-size:17px;line-height:1.75}
.participation-preview .p-heading{margin-bottom:24px;align-items:center}
.participation-preview .p-heading h1{margin-bottom:8px;letter-spacing:-.035em}
.participation-preview .p-heading p{font-size:16px;line-height:1.75}
.participation-preview .p-preview-note{padding:0;border:0;background:transparent;color:var(--p-muted);font-size:12px;line-height:1.7;margin-bottom:20px}
.participation-preview .p-content :where(p,dd,li){overflow-wrap:break-word}
.participation-preview .p-content :where(h2,h3){word-break:keep-all;text-wrap:pretty}
.participation-preview .p-section{margin-top:48px;scroll-margin-top:28px}
.participation-preview .p-section h2,.participation-preview .p-section-head h2,.participation-preview .p-tabpanel h2{font-size:24px;line-height:1.45;letter-spacing:-.025em;margin-bottom:16px}
.participation-preview .p-section>p,.participation-preview .p-tabpanel>p,.participation-preview .p-content-body p{font-size:17px;line-height:1.85;color:var(--p-muted)}
.participation-preview .p-tabpanel{padding-top:8px}
.participation-preview .p-content-body{border-radius:var(--p-content-radius);padding:28px}
.participation-preview .p-btn{border-radius:6px;font-size:15px;line-height:1.5;min-height:44px}
.participation-preview .p-btn.primary{color:#fff}
.participation-preview .p-btn:focus-visible{outline-offset:4px}
.participation-preview .p-alert{font-size:16px;line-height:1.75;border-radius:var(--p-content-radius);padding:20px 24px}
.participation-preview .p-alert strong{margin-bottom:8px}
.participation-preview .p-alert p{font-size:16px;line-height:1.75}
.participation-preview .p-small,.participation-preview .p-hint{font-size:14px;line-height:1.7}

/* The same component class and states used by council overview and education. */
.participation-preview .p-content .council-select-tabs[role="tablist"]{margin:28px 0 32px;overflow:hidden;border:1px solid #cedfe9;border-radius:8px;background:#fff}
.participation-preview :is(#p-root,#partBody) .council-select-tabs[role="tablist"] [role="tab"]{display:flex;align-items:center;justify-content:center;flex:1 1 150px;min-width:0;min-height:56px;margin:0;padding:14px 18px;border:0;border-bottom:3px solid transparent;border-radius:0;background:#fff;color:#3f596f;font:inherit;font-size:16px;font-weight:600;line-height:1.5;white-space:normal;word-break:keep-all;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .18s,color .18s}
.participation-preview :is(#p-root,#partBody) .council-select-tabs[role="tablist"] [role="tab"]:hover{background:#f0f7fc;color:#006b9f}
.participation-preview :is(#p-root,#partBody) .council-select-tabs[role="tablist"] [role="tab"][aria-selected="true"]{border-bottom-color:#0878bc;background:#e7f2f9;color:#006b9f;font-weight:700}
.participation-preview :is(#p-root,#partBody) .council-select-tabs[role="tablist"] [role="tab"]:focus-visible{outline:3px solid #0878bc;outline-offset:-4px}
.participation-preview :is(#p-root,#partBody) [role="tabpanel"][hidden]{display:none!important}

/* Introductory prose, sequences, and unordered roles have distinct treatments. */
.participation-preview .p-intro-lead{padding:0;margin-bottom:32px;border:0;border-radius:0;background:transparent}
.participation-preview .p-intro-lead h2,.participation-preview .p-story h2{margin:0 0 16px;font-size:28px;line-height:1.4;letter-spacing:-.035em}
.participation-preview .p-intro-lead p,.participation-preview .p-story p{font-size:17px;line-height:1.85;color:var(--p-muted)}
.participation-preview .p-intro-lead .p-eyebrow,.participation-preview .p-story .p-eyebrow{font-size:14px;line-height:1.5;color:#006fa7;margin-bottom:12px;letter-spacing:0;font-weight:700}
.participation-preview .p-story .p-btn{margin-top:8px}
.participation-preview .p-story>img{border-radius:var(--p-content-radius)}
.participation-preview .p-process{gap:0;border:1px solid var(--p-line);border-radius:var(--p-content-radius);overflow:hidden;background:#fff;margin:28px 0 32px}
.participation-preview .p-process li{border:0;padding:22px 20px;font-size:16px;line-height:1.5;background:transparent}
.participation-preview .p-process li+li{border-left:1px solid var(--p-line)}
.participation-preview .p-process li::before{font-size:13px;font-weight:700;margin-bottom:12px;color:#006fa7}
.participation-preview .p-process small{font-size:14px;line-height:1.65;color:var(--p-muted);margin-top:8px}
.participation-preview .p-info-grid{gap:16px;margin-top:24px}
.participation-preview .p-info-item{padding:24px;border-radius:var(--p-content-radius);background:#fff}
.participation-preview .p-info-item>span{display:none}
.participation-preview .p-info-item h3{font-size:18px;line-height:1.5;margin:0 0 8px}
.participation-preview .p-info-item h3:last-child{margin-bottom:0}
.participation-preview .p-info-item p{font-size:16px;line-height:1.7;color:var(--p-muted)}
.participation-preview .p-project-copy h3{font-size:20px;line-height:1.5}
.participation-preview .p-project-copy p,.participation-preview .p-cooperation-record p{font-size:16px;line-height:1.75}
.participation-preview .p-project-copy small{font-size:13px;line-height:1.65}
.participation-preview .p-project-copy .p-btn{margin-top:8px}
.participation-preview .p-categories{gap:8px}
.participation-preview .p-category{min-height:56px;border-radius:6px;font-size:15px;line-height:1.5}
.participation-preview .p-category[aria-pressed=true]{background:#e7f2f9;color:#006b9f;border-color:#b8d1e1}
.participation-preview .p-table{font-size:15px;line-height:1.7}
.participation-preview .p-news-item h2{font-size:20px;line-height:1.5;margin-bottom:8px}
.participation-preview .p-attachment{display:grid;grid-template-columns:20px minmax(0,1fr) auto;max-width:100%;gap:10px;word-break:normal;overflow-wrap:anywhere;text-align:left;font-size:15px;line-height:1.6}
.participation-preview .p-attachment>span{min-width:0;margin-left:0}
/* Plain filename links must not occupy the icon-only grid column. */
.participation-preview a.p-attachment{display:flex}
.participation-preview a.p-attachment>img{flex:0 0 20px;width:20px;height:20px;object-fit:contain}
.participation-preview a.p-attachment>span{flex:1;font-size:15px}
.participation-preview a.p-attachment>small{flex:0 0 auto;white-space:nowrap}

/* Reuse the common three-column navigation shell on introductory content. */
.participation-preview .p-layout.p-has-toc{grid-template-columns:192px minmax(0,1fr) 152px;gap:32px}
.participation-preview .p-toc{min-width:0;overflow-x:hidden}
.participation-preview .p-toc li a{overflow-wrap:anywhere;word-break:normal}
.participation-preview .p-toc strong{overflow-wrap:anywhere}
.participation-preview .p-mobile-toc{display:none;margin:0 0 24px;padding:0;border:1px solid var(--p-line);border-radius:8px;background:#fff}
.participation-preview .p-mobile-toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 16px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;line-height:1.5}
.participation-preview .p-mobile-toc summary::-webkit-details-marker{display:none}
.participation-preview .p-mobile-toc summary::after{content:none}
.participation-preview .p-mobile-toc summary img{width:18px;height:18px;transition:transform .18s}
.participation-preview .p-mobile-toc[open] summary img{transform:rotate(90deg)}
.participation-preview .p-mobile-toc ul{list-style:none;margin:0;padding:0 12px 12px}
.participation-preview .p-mobile-toc li a{display:block;padding:12px;font-size:15px;line-height:1.5;min-height:44px;color:var(--p-muted);text-decoration:none;border-radius:4px}
.participation-preview .p-mobile-toc li a[aria-current="location"]{background:#e7f2f9;color:#006b9f;font-weight:700}
.participation-preview .p-content [data-participation-section]{scroll-margin-top:28px}

@media(max-width:1180px){
  .participation-preview .p-layout.p-has-toc{grid-template-columns:168px minmax(0,1fr);gap:28px}
  .participation-preview .p-toc{display:none}
  .participation-preview .p-mobile-toc{display:block}
}
@media(max-width:1023px){
  .participation-preview .p-layout.p-has-toc{grid-template-columns:minmax(0,1fr)}
  .participation-preview .p-layout.p-has-toc>.about-lnb{display:none}
}
@media(max-width:650px){
  .participation-preview .p-main{font-size:16px}
  .participation-preview .p-heading{align-items:flex-start;margin-bottom:24px}
  .participation-preview .p-heading h1{font-size:30px;line-height:1.3}
  .participation-preview .p-section{margin-top:36px}
  .participation-preview .p-section h2,.participation-preview .p-section-head h2,.participation-preview .p-tabpanel h2{font-size:22px;line-height:1.45}
  .participation-preview .p-intro-lead h2,.participation-preview .p-story h2{font-size:25px;line-height:1.4}
  .participation-preview .p-section>p,.participation-preview .p-tabpanel>p,.participation-preview .p-content-body p,.participation-preview .p-intro-lead p,.participation-preview .p-story p{font-size:16px;line-height:1.85}
  .participation-preview .p-content .council-select-tabs[role="tablist"]{margin:24px 0}
  .participation-preview :is(#p-root,#partBody) .council-select-tabs[role="tablist"] [role="tab"]{flex-basis:46%;min-height:56px;padding:12px;font-size:15px}
  .participation-preview .p-process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .participation-preview .p-process li{padding:18px 16px}
  .participation-preview .p-process li:nth-child(odd){border-left:0}
  .participation-preview .p-process li:nth-child(n+3){border-top:1px solid var(--p-line)}
  .participation-preview .p-info-item{padding:22px}
  .participation-preview .p-info-item h3{font-size:17px}
  .participation-preview .p-info-item p,.participation-preview .p-project-copy p{font-size:16px}
  .participation-preview .p-alert{padding:20px;font-size:15px}
  .participation-preview .p-alert p{font-size:15px}
  .participation-preview .p-content-body{padding:22px 20px}
}
@media(prefers-reduced-motion:reduce){
  .participation-preview :is(#p-root,#partBody) .p-tablist [role="tab"],.participation-preview .p-mobile-toc summary img{transition:none}
}