/* Local styles for the migrated About page and reusable page components. */
.about-page{padding:clamp(1rem,3vw,2.5rem) 0 clamp(2rem,5vw,4rem);background:#f5f7fa;color:#263344}
.about-page__container{width:min(1440px,calc(100% - 2rem));margin-inline:auto}
.portal-breadcrumbs{margin:0 0 1.35rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e5e9ef;border-radius:14px;box-shadow:0 4px 16px rgba(19,43,68,.045)}
.portal-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .6rem;margin:0;padding:0;list-style:none}
.portal-breadcrumbs li{display:flex;align-items:center;min-width:0;color:#243448;font-size:.92rem;line-height:1.65;text-align:start}
.portal-breadcrumbs__separator{flex:0 0 auto;color:#b78e42;font-size:.7rem}
.portal-breadcrumbs__icon{margin-inline-end:.4rem;color:#a17a2c;font-size:.86em}
.portal-breadcrumbs li[aria-current=page] .portal-breadcrumbs__icon{color:#243448}
.portal-breadcrumbs a{color:#1d527e;text-decoration:none}.portal-breadcrumbs a:hover{text-decoration:underline;color:#8b6724}.portal-breadcrumbs [aria-current=page]{font-weight:700}
.about-page__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:1.5rem;align-items:start}
.about-page__main{min-width:0}.about-article,.context-menu{background:#fff;border:1px solid #e4e8ee;border-radius:18px;box-shadow:0 8px 28px rgba(20,44,70,.055);overflow:hidden}
.about-article__image{margin:0;padding:clamp(.75rem,2vw,1.5rem);background:linear-gradient(135deg,#fff,#faf7ef);text-align:center}
.about-article__image img{display:block;width:auto;max-width:min(100%,1000px);height:auto;max-height:560px;object-fit:contain;margin-inline:auto;border-radius:14px}
.about-article__body{padding:clamp(1.1rem,3.2vw,2.5rem)}
.about-article__title{display:flex;align-items:flex-start;gap:.8rem;margin:0 0 1.5rem;padding:0 0 1.1rem;border-bottom:1px solid #edf0f4;color:#1d2c3d;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:750;line-height:1.65;text-align:start;overflow-wrap:anywhere}
.about-article__title-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;margin-top:.15rem;border-radius:50%;background:#f5eddb;color:#987225;font-size:1.1rem}
.about-article__content{font-size:1rem;line-height:2;color:#344154;overflow-wrap:anywhere;text-align:start}
.about-article__content p{margin:0 0 1rem}.about-article__content h2,.about-article__content h3{margin:1.6rem 0 .75rem;color:#233448;line-height:1.6}
.about-article__content img,.about-article__content video{max-width:100%;height:auto;border-radius:12px}.about-article__content iframe{max-width:100%}
.about-article__content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}.about-article__content td,.about-article__content th{padding:.55rem .7rem}
.about-page__sidebar{min-width:0}.context-menu__title{display:flex;align-items:center;gap:.7rem;margin:0;padding:1rem 1.1rem;background:#8f6925;color:#fff;font-size:1rem;font-weight:700;line-height:1.6}
.context-menu__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,.18)}
.context-menu__items{padding:.75rem}.context-menu__link{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.25rem 0;padding:.8rem .9rem;border:1px solid #edf0f3;border-radius:10px;background:#fbfcfd;color:#334255;text-decoration:none;font-size:.9rem;line-height:1.65;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.context-menu__link:hover,.context-menu__link:focus-visible{background:#faf5e9;border-color:#e5d5b4;color:#7e5d20}.context-menu__link i{flex:0 0 auto;color:#a47c2e}.context-menu__empty{margin:0;padding:1rem;color:#687588}
.content-feedback{margin-top:2rem;padding:1.2rem;border:1px solid #e5e9ef;border-radius:15px;background:#f9fafb}
.content-feedback__intro{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.content-feedback__mark,.content-feedback__complete-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;border-radius:50%;background:#f2e9d4;color:#8f6925}
.content-feedback__intro h2{margin:0;color:#253448;font-size:1.05rem;font-weight:700;line-height:1.6}.content-feedback__choices{display:flex;flex-wrap:wrap;gap:.7rem}
.content-feedback__choice{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:42px;padding:.55rem 1rem;border:1px solid #dce2e9;border-radius:999px;background:#fff;color:#334255;font:inherit;font-size:.9rem;cursor:pointer;transition:all .18s ease}
.content-feedback__choice:hover,.content-feedback__choice[aria-pressed=true]{border-color:#a47c2e;background:#fbf6ea;color:#785719}.content-feedback__note{margin-top:1rem}.content-feedback__note label{display:block;margin-bottom:.45rem;color:#344154;font-weight:600}
.content-feedback__note textarea{display:block;width:100%;min-height:90px;padding:.75rem;border:1px solid #dce2e9;border-radius:10px;background:#fff;color:#263344;font:inherit;line-height:1.7;resize:vertical}
.content-feedback__note textarea:focus{outline:3px solid rgba(164,124,46,.18);border-color:#a47c2e}.content-feedback__submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:42px;margin-top:1rem;padding:.6rem 1.15rem;border:0;border-radius:9px;background:#8f6925;color:#fff;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,opacity .18s ease}
.content-feedback__submit:hover:not(:disabled){background:#75541b}.content-feedback__submit:disabled{opacity:.48;cursor:not-allowed}.content-feedback__submit .fa-spinner{display:none}.content-feedback__submit[aria-busy=true] .fa-spinner{display:inline-block}.content-feedback__submit[aria-busy=true]>span{opacity:.85}
.content-feedback__inline-status{margin-top:.75rem;color:#a0332a;font-size:.9rem}.content-feedback__complete{display:flex;align-items:center;gap:.7rem;color:#294c3d;font-size:.95rem;font-weight:600;line-height:1.7}.content-feedback__complete-icon{background:#e7f3ec;color:#28704a}
@media(max-width:900px){.about-page__layout{grid-template-columns:minmax(0,1fr) 260px;gap:1rem}}
@media(max-width:720px){.about-page__container{width:min(100% - 1.25rem,680px)}.about-page__layout{grid-template-columns:minmax(0,1fr)}.about-page__sidebar{grid-row:2}.portal-breadcrumbs{padding:.8rem .9rem;margin-bottom:.9rem}.portal-breadcrumbs ol{gap:.3rem .65rem}.portal-breadcrumbs li{font-size:.82rem}.portal-breadcrumbs li+li:before{margin-inline-end:.65rem}.about-article,.context-menu{border-radius:14px}.about-article__body{padding:1.1rem}.about-article__title{gap:.6rem;margin-bottom:1.1rem}.about-article__title-icon{flex-basis:2.15rem;width:2.15rem;height:2.15rem;font-size:1rem}.about-article__content{font-size:.95rem;line-height:1.9}.content-feedback{margin-top:1.4rem;padding:1rem}.content-feedback__choice{flex:1 1 140px}.content-feedback__submit{width:100%}}
@media(prefers-reduced-motion:reduce){.context-menu__link,.content-feedback__choice,.content-feedback__submit{transition:none}}