/* Interior pages from WEB SİTE TASARIMI. This file is not loaded on the home page. */
.inner-page { background: #f8f8f7; color: #28303a; }
.inner-page .container-page { width: min(1260px, calc(100% - 64px)); }
.design-main, .inner-page .page-main { padding: 42px 0 60px; }
.design-main h2 { font-size: 1.38rem; line-height: 1.45; font-weight: 700; margin-bottom: 18px; }
.design-main h3 { font-size: 1.08rem; font-weight: 700; }
.design-main p { line-height: 1.8; }
.design-hero, .inner-page .page-hero { position: relative; isolation: isolate; overflow: hidden; background: #a51008; color: #fff; padding: 28px 0 42px; min-height: 232px; }
.design-hero::before, .inner-page .page-hero::before { content: ''; position: absolute; inset: 0; background: url('../img/architectural-lines.svg') right center / auto 100% no-repeat; opacity: .55; z-index: -1; }
.design-hero > .container-page { position: relative; }
.design-hero .crumb, .inner-page .page-hero .crumb { color: inherit; opacity: .85; margin: 0 0 24px; font-size: .78rem; }
.design-hero h1, .inner-page .page-hero h1 { font-size: clamp(1.8rem, 2.5vw, 2.6rem); font-weight: 750; line-height: 1.3; margin: 0 0 16px; }
.design-hero-red h1, .design-hero-red-photo h1, .inner-page .page-hero h1 { color: #fff; }
.design-hero .crumb strong, .design-hero .crumb a { color: inherit; }
.design-hero-copy { max-width: 780px; position: relative; z-index: 1; }
.design-hero p, .inner-page .page-hero p { font-size: .97rem; max-width: 760px; line-height: 1.75; margin: 0; }
.design-hero-icon { position: absolute; right: 9%; top: 42px; font-size: 105px; opacity: .2; }
.design-hero-paper, .design-hero-photo { background: #f1f0ec; color: #31363e; border-bottom: 1px solid #e1ded8; }
.design-hero-paper h1, .design-hero-photo h1 { color: #a51008; }
.design-hero-photo { background-image: linear-gradient(90deg,#f4f3ef 45%,#f4f3efc4 62%,#f4f3ef0d),url('../img/icmo-interior.png'); background-position: center,right 45%; background-size: cover,57% auto; background-repeat: no-repeat; }
.design-hero-photo::before { opacity: .3; }
.design-hero-photo .design-hero-copy { max-width: 650px; }
.design-hero-photo .design-hero-icon { display: none; }
.design-hero-red-photo { background-image: linear-gradient(90deg,#a51008 20%,#a51008df 60%,#7d171eb8),url('../img/icmo-interior.png'); background-position: center; background-size: cover; }
.design-hero-red-photo::before { display: none; }
.inner-page .page-hero-inner { width: min(1260px,calc(100% - 64px)); padding: 0; min-height: 0; text-align: left; }
.design-two-column { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: start; }
.design-card { padding: 28px; background: #fff; border: 1px solid #dedfdf; border-radius: 9px; box-shadow: 0 4px 14px #20203004; min-width: 0; }
.design-prose { font-size: .94rem; line-height: 1.9; overflow-wrap: anywhere; }
.design-prose :is(p,div,span,td) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
.design-prose img { max-width: 100%; height: auto; }
.design-prose table { width: 100% !important; height: auto !important; border-collapse: collapse; margin: 18px 0; }
.design-prose table td, .design-prose table th { padding: 12px 16px; height: auto !important; border: 1px solid #e4e4e4; }
.design-prose table th { background: #a51008; color: #fff; }
.design-prose table tr:nth-child(even) { background: #f7f7f6; }
.design-prose a { color: #a51008; }
.design-empty { padding: 36px 20px; color: #737780; text-align: center; background: #f7f7f5; border: 1px dashed #dedfdf; border-radius: 7px; }
.design-empty > i { font-size: 2rem; margin-bottom: 12px; }
.design-empty p { margin: 0; }
.design-intro { display: flex; gap: 24px; align-items: center; margin-bottom: 30px; }
.design-intro > i, .design-big-icon { font-size: 2.7rem; color: #a51008; }
.design-intro h2 { margin-bottom: 6px; }
.design-intro p { margin: 0; font-size: .88rem; color: #626975; }
.design-note, .design-help { display: flex; gap: 20px; align-items: center; background: #fcf0ee; border: 1px solid #eed0cc; padding: 22px 28px; border-radius: 7px; margin: 28px 0; }
.design-note > i, .design-help > i { color: #a51008; font-size: 1.8rem; }
.design-note p, .design-help p { margin: 0; font-size: .88rem; }
.design-help h2 { margin: 0 0 6px; font-size: 1.15rem; }
.design-help > .button-primary { margin-left: auto; white-space: nowrap; }
.design-values-strip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; margin: 46px 0; text-align: center; }
.design-values-strip.six { grid-template-columns: repeat(6,minmax(0,1fr)); }
.design-values-strip > div { display: grid; justify-items: center; gap: 16px; padding: 24px 8px; }
.design-values-strip i { font-size: 2rem; color: #a51008; }
.design-values-strip strong { font-size: .87rem; }
.design-quote { text-align: center; background: #efede6; border-radius: 8px; padding: 28px; color: #6b5549; font-size: 1.2rem; font-style: italic; margin: 30px 0; }
.design-section-title { text-align: center; margin-top: 48px; }
.about-story { grid-template-columns: 1fr 1.05fr; }
.about-visual { position: relative; padding-bottom: 175px; }
.about-visual > img { width: 100%; height: 480px; object-fit: cover; border-radius: 9px; }
.about-values { position: absolute; bottom: 0; left: 8%; right: 8%; text-align: center; box-shadow: 0 10px 35px #20203012; }
.design-icon-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.design-icon-grid > div { display: grid; gap: 8px; font-size: .83rem; }
.design-icon-grid i { color: #a51008; font-size: 1.6rem; }
.purpose-card { text-align: center; padding: 45px 30px 0; border-color: #dfbab5; background: #fffdfb; overflow: hidden; }
.purpose-card > i { font-size: 4.5rem; color: #a51008; margin-bottom: 24px; }
.purpose-card h2 { color: #a51008; }
.purpose-lines { height: 240px; background: url('../img/architectural-lines.svg') right bottom / auto 100%; opacity: .7; }
.legal-framework, .university-directory { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.legal-framework > .design-prose { grid-column: 1/-1; }
.document-group { border: 1px solid #dfdfdf; background: #fff; border-radius: 8px; overflow: hidden; }
.document-group h2 { background: #f5f3f1; padding: 22px; border-bottom: 1px solid #ddd; margin: 0; color: #a51008; font-size: 1.07rem; }
.document-group ul { padding: 10px 22px 22px; margin: 0; list-style: none; }
.document-group li { font-size: .87rem; padding: 14px 0; border-bottom: 1px solid #eee; line-height: 1.6; }
.document-group li:last-child { border-bottom: 0; }
.document-group li a { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.document-group li a::after { content: '↗'; color: #a51008; }
.university-directory .document-group:last-child { grid-column: 1/-1; }
.university-directory .document-group:last-child ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 26px; }
.design-files { margin: 32px 0; }
.design-file-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 18px; }
.design-file-grid > a { display: flex; flex-direction: column; gap: 15px; padding: 24px 20px; border: 1px solid #e0dddd; background: #fff; border-radius: 6px; font-size: .82rem; }
.design-file-grid > a > i { color: #a51008; font-size: 2rem; }
.design-file-grid > a > span { font-size: .74rem; color: #a51008; margin-top: auto; }
.design-document-layout { display: grid; grid-template-columns: 265px minmax(0,1fr); gap: 30px; align-items: start; }
.document-toc { position: sticky; top: 100px; padding: 22px; }
.document-toc h2 { font-size: 1.08rem; }
.document-toc nav { display: grid; gap: 8px; }
.document-toc nav > * { text-align: left; padding: 12px; border: 1px solid #e5e4e2; background: #f9f9f8; border-radius: 5px; font-size: .85rem; }
.document-toc nav > .is-active { color: #fff; background: #a51008; border-color: #a51008; }
.document-paper { padding: 28px 38px 48px; }
.document-toolbar { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 24px; font-size: .8rem; }
.design-sidebar-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 26px; align-items: start; }
.design-side-stack { display: grid; gap: 24px; }
.design-side-stack .design-big-icon { display: block; margin-bottom: 24px; }
.design-side-stack p { font-size: .85rem; }
.design-link-list a { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #eee; font-size: .83rem; }
.design-search { display: flex; align-items: center; gap: 12px; border: 1px solid #ddd; padding: 0 15px; border-radius: 6px; }
.design-search input { border: 0; padding: 12px 0; flex: 1; min-width: 0; background: none; outline-offset: 2px; }
.legal-cases .bs-callout, .legal-cases .infoarea-mod_view > h3, .legal-cases table:empty { display: none; }
.legal-cases .design-prose .btn { color: #a51008; background: #fff; border: 1px solid #e0c5c2; font-size: .8rem; }
.fee-page { max-width: 1050px; }
.fee-page .design-card { padding: 35px 42px; }
.fee-page .design-prose table tr:first-child { color: #fff; background: #a51008; }
.design-accordion { border: 1px solid #dedfdf; border-radius: 7px; background: #fff; margin-bottom: 14px; overflow: hidden; }
.design-accordion > summary { display: flex; align-items: center; gap: 14px; padding: 19px 24px; font-weight: 650; font-size: .94rem; cursor: pointer; list-style: none; }
.design-accordion > summary::-webkit-details-marker { display: none; }
.design-accordion > summary::after { content: '+'; margin-left: auto; font-size: 1.3rem; font-weight: 400; }
.design-accordion[open] > summary { background: #fcf1ef; color: #a51008; border-bottom: 1px solid #ead7d4; }
.design-accordion[open] > summary::after { content: '−'; }
.design-accordion .accordion-copy { padding: 24px; font-size: .88rem; line-height: 1.85; }
.design-accordion summary .question-number { display: grid; place-items: center; min-width: 30px; height: 30px; color: #a51008; background: #fcf1ef; border-radius: 50%; }
.financial-links { display: grid; padding: 10px 24px; }
.financial-links a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 15px 0; border-bottom: 1px solid #eee; font-size: .85rem; }
.financial-links a::after { content: '↓'; color: #a51008; }
.design-tabs { display: flex; gap: 4px; border-bottom: 1px solid #ddd; margin-bottom: 28px; overflow-x: auto; }
.design-tabs > * { background: none; border: 0; border-bottom: 3px solid transparent; padding: 16px 22px; font-size: .86rem; white-space: nowrap; }
.design-tabs .is-active, .design-tabs > *:hover { color: #a51008; border-bottom-color: #a51008; background: #fcf4f2; }
.design-filter { display: flex; gap: 14px; padding: 20px; border: 1px solid #dfdfdf; border-radius: 7px; background: #fff; margin-bottom: 22px; }
.design-filter > label { flex: 1; min-width: 0; }
.design-filter :is(input,select) { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; min-width: 0; font-size: .84rem; background: #fff; }
.directory-results { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; font-size: .85rem; }
.directory-results .button-outline { padding: 8px 12px; }
.directory-results [aria-pressed=true] { background: #a51008; color: white; }
.academic-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.academic-card { background: #fff; border: 1px solid #e0e0df; border-radius: 8px; padding: 22px; min-width: 0; }
.academic-card header { display: flex; gap: 16px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid #eee; }
.academic-avatar { width: 80px; height: 88px; object-fit: cover; background: #f0eeeb; border-radius: 6px; }
.academic-card h3 { margin: 0 0 8px; font-size: .96rem; }
.academic-card header strong { font-size: .78rem; color: #a51008; }
.academic-card small { display: block; color: #777; font-size: .7rem; margin-top: 5px; }
.academic-card .academic-info { margin-top: 18px; font-size: .8rem; line-height: 1.75; color: #59616d; }
.academic-card .academic-info p { margin: 0 0 7px; line-height: 1.65; }
.academic-grid.is-list { grid-template-columns: 1fr; }
.academic-grid.is-list .academic-card { display: grid; grid-template-columns: minmax(280px,1fr) 2fr; align-items: center; gap: 26px; }
.academic-grid.is-list .academic-card header { border-bottom: 0; padding-bottom: 0; }
.academic-grid.is-list .academic-info { margin: 0; }
/* People pages retain their existing published member/staff queries. */
.presidents-page { padding: 0 0 50px; background: #f7f7f5; }
.presidents-intro { background: url('../img/architectural-lines.svg') right center / auto 100% no-repeat; min-height: 215px; padding-top: 28px; }
.presidents-intro h1 { color: #a51008; font-size: 2.5rem; }
.presidents-intro-icon { color: #7b6d5d; opacity: .3; }
.presidents-summary { margin-top: 0; padding: 23px 0; border: 1px solid #e4e4e1; background: #fff; }
.presidents-summary > div { padding: 0 32px; }
.presidents-summary strong { font-size: 1.35rem; }
.president-grid { gap: 22px; }
.president-photo { aspect-ratio: 2.05 / 1; min-height: 0; }
.president-photo img { object-position: center 26%; }
.president-card-body { padding: 18px 20px; }
.president-card-body h3 { font-size: 1rem; }
.president-card-body p { margin-bottom: 5px; font-size: .78rem; }
.president-card-body .button-outline { margin-top: 12px; font-size: .73rem; padding: 7px 12px; }
.president-badge { font-size: .6rem; padding: 5px 9px; }
.people-directory-toolbar { margin-top: 30px; }
.people-directory-toolbar h2 { font-size: 1.1rem; }
.people-result-count { font-size: .78rem; }
.inner-page .board-tabs { border-bottom: 1px solid #ddd; background: #fff; }
.board-tabs .container-page { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.board-tabs a { font-size: .78rem; padding: 20px 10px; justify-content: center; }
.board-page .board-filter { display: flex; align-items: center; gap: 20px; padding: 22px 25px; background: #fff; border: 1px solid #ddd; border-radius: 7px; }
.board-filter > label { display: flex; align-items: center; gap: 13px; flex: 1; min-width: 0; }
.board-filter label > span:not(.visually-hidden) { font-size: .77rem; white-space: nowrap; }
.board-filter .form-select { flex: 1; min-width: 0; font-size: .82rem; }
.board-filter .people-search { max-width: 260px; }
.member-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.board-page .member { border-radius: 8px; padding: 25px 18px 18px; box-shadow: none; border: 1px solid #ddd; }
.board-page .member .avatar { width: 108px; height: 108px; margin: 0 auto 18px; }
.board-page .member .role { font-size: .68rem; padding: 4px 13px; border-radius: 20px; background: #fcf0ee; color: #a51008; }
.board-page .member h3 { font-size: 1rem; margin: 14px 0 8px; }
.member-registry { font-size: .74rem; color: #666; }
.member-contact { border-top: 1px solid #eee; margin-top: 18px; padding-top: 15px; }
.staff-page .people-directory-toolbar { display: none; }
.staff-page .people-result-count { margin: 0 0 18px; }
.staff-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.staff-card { border: 1px solid #ddd; border-radius: 9px; padding-top: 24px; overflow: hidden; }
.staff-photo { width: 75%; height: 210px; margin: 0 auto; background: #edeae6; clip-path: polygon(3% 12%,94% 0,100% 88%,7% 100%,0 85%); }
.staff-photo img { object-position: center 22%; }
.staff-card-body { text-align: center; padding: 24px; }
.staff-card-body h3 { font-size: 1.13rem; }
.staff-duty::after { content: ''; display: block; width: 44px; height: 3px; background: #a51008; margin: 18px auto; }
.staff-contact { text-align: left; font-size: .82rem; padding-top: 10px; }
.commission-hero { background: linear-gradient(90deg,#f4f3ef 35%,#f4f3efdd 65%,#f4f3ef44),url('../img/icmo-interior.png') right center / cover !important; color: #323942 !important; }
.inner-page .commission-hero h1 { color: #a51008; }
.commission-heading { margin-bottom: 28px; }
.commission-heading .eyebrow, .commission-heading > p { display: none; }
.commission-heading h2 { font-size: 1.3rem; }
.commission-card { border-radius: 5px; margin-bottom: 17px; box-shadow: none; }
.commission-card > h3 { padding: 11px 20px; font-size: .9rem; }
.commission-card dl { margin: 0; }
.commission-card .commission-row { grid-template-columns: 200px minmax(0,1fr); font-size: .83rem; }
.commission-card dt, .commission-card dd { padding: 10px 18px; line-height: 1.7; }
.commission-content > :not(.commission-card):is(p,h2,h3) { font-size: .9rem; }
.inner-page .contact-grid { grid-template-columns: 1.12fr 1fr; gap: 28px; }
.contact-page .form-box { border: 1px solid #ddd; border-radius: 9px; padding: 30px; }
.contact-page .form-box h2 { font-size: 1.26rem; }
.contact-page .branch-body { grid-template-columns: 2fr repeat(4,1fr); gap: 20px; }
.contact-page .branch-info { min-width: 0; font-size: .8rem; overflow-wrap: anywhere; }
.contact-page .branch-info .branch-icon { font-size: 1rem; }
.contact-page .branch { margin-top: 40px; }
.member-page { padding: 40px 0 55px; }
.member-page > .container-page { max-width: 820px; }
.member-page-intro { padding: 25px; background: #fff; border: 1px solid #ddd; border-radius: 8px; }
.member-page-intro h1, .member-page-intro h2 { font-size: 1.3rem; }
.member-query-card { margin-top: 24px; padding: 30px; border: 1px solid #ddd; box-shadow: none; }
.member-query-info { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 26px; text-align: center; }
.member-query-info > * { padding: 22px 15px; background: #f1efea; border-radius: 7px; }
.member-query-info i { color: #a51008; font-size: 1.6rem; margin-bottom: 16px; }
.member-query-info h3 { font-size: .9rem; }
.member-query-info p { font-size: .77rem; line-height: 1.7; margin-bottom: 0; }
.youth-intro { margin-top: 30px; }
.design-branch-directory { padding: 35px 0 55px; }
.design-branch-directory .branch-directory { padding: 0; }
.identity-section { margin-top: 48px; scroll-margin-top: 110px; }
.identity-principles .design-card { padding: 20px; }
.identity-logo-stage { background: #efede6; border: 1px solid #ddd8cf; border-radius: 8px; display: grid; place-items: center; min-height: 300px; }
.identity-logo-stage img { width: 80%; max-width: 400px; }
.identity-palette { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; }
.identity-palette > div { display: grid; gap: 7px; font-size: .84rem; }
.identity-palette span { display: block; height: 100px; border-radius: 8px; border: 1px solid #ddd; }
.identity-palette small { color: #6b7078; }
.type-sample { font: 600 2rem Montserrat,sans-serif; padding: 12px 0; }
.type-sample.body-font { font-family: 'Open Sans',sans-serif; }
.design-steps { display: flex; gap: 22px; margin: 12px 0 35px; padding: 24px; border: 1px solid #e1dfda; background: #f3f1ed; border-radius: 8px; }
.design-steps > div { display: flex; align-items: center; flex: 1; gap: 14px; font-size: .88rem; }
.design-steps span { display: grid; place-items: center; background: #a51008; color: white; width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; }
.design-side-stack .button-outline { display: flex; justify-content: center; margin-top: 10px; }
.application-option { display: flex; align-items: start; gap: 20px; margin: 28px 0; }
.application-option > i { color: #a51008; font-size: 1.7rem; }
.application-option p { font-size: .88rem; }
.design-inline-actions { display: flex; flex-wrap: wrap; gap: 16px; }
.youth-features, .congress-features { grid-template-columns: repeat(4,minmax(0,1fr)); }
.youth-banner { display: grid; grid-template-columns: 1fr 1.2fr; min-height: 320px; background: #a51008; color: white; border-radius: 9px; overflow: hidden; }
.youth-banner > div { padding: 38px; }
.youth-banner .eyebrow { color: #ffd9d4; }
.youth-banner h2 { color: #fff; }
.youth-banner .button-outline, .congress-banner .button-outline { background: transparent; border-color: #ffffff7f; color: white; }
.youth-banner > img { width: 100%; height: 100%; object-fit: cover; }
.congress-page > .container-page > .crumb { margin-bottom: 24px; }
.congress-layout { display: grid; grid-template-columns: minmax(0,1fr) 295px; gap: 28px; }
.congress-intro { padding: 45px 32px; border-radius: 8px; background: linear-gradient(90deg,#f3f1ed 30%,#f3f1edb8),url('../img/icmo-interior.png') right center / cover; }
.congress-intro h1 { font-size: 3.6rem; color: #a51008; margin: 16px 0; }
.congress-intro p { max-width: 430px; }
.congress-content { margin-top: 28px; }
.congress-banner { background: #a51008; color: #fff; text-align: center; padding: 40px 25px; border-radius: 7px; display: flex; align-items: center; flex-direction: column; gap: 22px; }
.congress-banner > i { font-size: 3.5rem; }
.congress-banner h2 { font-size: 3rem; color: white; margin: 0; }
.congress-banner > span { font-size: .8rem; letter-spacing: .12em; }
.congress-banner p { font-size: 1.28rem; line-height: 1.9; }
.congress-banner-lines { flex: 1; width: 100%; min-height: 260px; background: url('../img/architectural-lines.svg') right center / auto 100%; opacity: .7; }
.congress-news { display: grid; gap: 18px; }
.congress-news > a { display: flex; align-items: center; gap: 24px; }
.congress-news img { width: 150px; height: 95px; object-fit: cover; }
.congress-news h3 { font-size: 1rem; margin: 8px 0; }
.congress-news time { font-size: .75rem; color: #777; }
.membership-shortcuts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin-bottom: 30px; }
.membership-shortcuts a { display: flex; align-items: center; justify-content: center; gap: 16px; background: #fff; border: 1px solid #dedddd; border-radius: 7px; padding: 23px 15px; font-size: .88rem; }
.membership-shortcuts i { color: #a51008; font-size: 1.5rem; }
.membership-sections { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.membership-sections .membership-type { background: #fcf2ef; border-color: #ebc8c2; }
.membership-sections .design-prose { font-size: .84rem; }
.membership-bottom { margin-top: 30px; }
.magazine-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 30px; }
.magazine-feature { display: grid; grid-template-columns: .9fr 1fr; gap: 28px; align-items: start; padding: 26px; background: white; border: 1px solid #ddd; border-radius: 8px; }
.magazine-cover img { width: 100%; max-height: 450px; object-fit: contain; box-shadow: 0 12px 20px #29242225; }
.magazine-feature .design-prose { font-size: .85rem; margin: 20px 0; }
.magazine-feature time { font-size: .8rem; color: #777; }
.magazine-archive > a { display: flex; gap: 13px; align-items: center; padding: 15px 0; border-bottom: 1px solid #eee; }
.magazine-archive img { width: 60px; height: 80px; object-fit: contain; }
.magazine-archive h3 { font-size: .8rem; margin: 0 0 8px; }
.magazine-archive time { color: #777; font-size: .72rem; }
.agreement-card { padding-bottom: 22px; border: 1px solid #ddd; border-radius: 9px; background: white; overflow: hidden; }
.agreement-cover { display: block; width: 100%; height: 210px; object-fit: contain; background: #fff; padding: 20px; }
.agreement-card > .button-outline { margin: 20px 22px 0; display: flex; justify-content: center; font-size: .78rem; }
.agreement-document-note { display: block; padding: 16px 22px 0; font-size: .75rem; color: #737780; }
.listing-hero .design-hero { min-height: 135px; padding: 22px 0; }
.listing-hero .design-hero h1 { font-size: 1.9rem; margin: 0; }
.listing-hero .crumb { margin-bottom: 14px; }
.listing-hero .design-hero-icon { font-size: 75px; top: 5px; }
.listing-page .design-sidebar-layout { grid-template-columns: minmax(0,1fr) 285px; gap: 26px; }
.listing-page .design-filter { padding: 16px; gap: 10px; }
.listing-page .design-filter label:first-child { flex: 2; }
.listing-page .news-card-grid { gap: 20px; }
.listing-page .news-card img { height: 170px; object-fit: cover; }
.listing-page .news-card-body { padding: 17px; }
.listing-page .news-card h2 { font-size: .92rem; line-height: 1.5; }
.listing-page .news-card p { font-size: .78rem; }
.listing-page .news-card-meta { font-size: .64rem; }
.list-summary-row { display: flex; justify-content: space-between; margin-bottom: 20px; font-size: .82rem; }
.list-sidebar .design-card { padding: 21px; }
.list-sidebar h2 { font-size: 1.02rem; }
.sidebar-news > a { display: flex; gap: 12px; padding: 15px 0; border-bottom: 1px solid #eee; }
.sidebar-news img { width: 66px; height: 57px; object-fit: cover; }
.sidebar-news h3 { font-size: .77rem; line-height: 1.55; margin: 0 0 6px; }
.sidebar-news time { font-size: .66rem; color: #777; }
.list-sidebar .home-block { padding: 19px; }
.list-sidebar .calendar-grid { gap: 3px; }
.list-sidebar .calendar-day { min-height: 30px; }
.list-sidebar .section-head-row h2 { font-size: .9rem; }
.list-sidebar .section-head-row > a { display: none; }
.branch-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 20px 0 28px; }
.branch-page-heading h1 { font-size: 1.85rem; margin: 0; }
.branch-page-heading > div { display: flex; gap: 10px; }
.branch-shortcuts { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 15px; margin: 28px 0; }
.branch-shortcuts a { display: flex; gap: 14px; align-items: center; padding: 22px 18px; border: 1px solid #ddd; border-radius: 7px; background: #fff; font-size: .83rem; }
.branch-shortcuts i { color: #a51008; font-size: 1.3rem; }
.branch-feature-grid { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 25px; align-items: stretch; margin-bottom: 30px; }
.branch-feature-grid .home-hero-new { margin: 0; width: 100%; min-width: 0; min-height: 360px; border-radius: 8px; overflow: hidden; }
.branch-feature-grid .home-hero-track, .branch-feature-grid .home-hero-slide { height: 100%; min-height: 360px; }
.branch-feature-grid .home-hero-content { padding: 35px; }
.branch-feature-grid .home-hero-content h2 { font-size: 1.65rem; color: #fff; }
.branch-feature-grid .home-hero-slide > img { object-fit: cover; }
.branch-welcome { padding: 45px; border-radius: 8px; color: #fff; background: linear-gradient(90deg,#8f1008ed,#8f100866),url('../img/icmo-interior.png') center / cover; display: flex; flex-direction: column; justify-content: center; }
.branch-welcome h2 { color: #fff; }
.branch-news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.branch-news-grid > a { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid #eee; }
.branch-news-grid img { width: 95px; height: 74px; object-fit: cover; }
.branch-news-grid h3 { font-size: .82rem; line-height: 1.5; margin: 7px 0; }
.branch-news-grid time { font-size: .68rem; color: #777; }
.branch-notice-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; margin-top: 28px; }
.branch-notice-columns h2 { font-size: 1.05rem; }
.branch-notice-columns .notice-item strong { font-size: .82rem; }
.fee-page .design-prose table tbody tr:first-child { background: #fff; color: inherit; }
.fee-page .design-prose table td { padding: 15px 16px !important; border: 1px solid #e4e4e4 !important; }
.fee-page .design-prose table td p { margin: 0 !important; }
.fee-page .design-prose table th:first-child { width: 65px; }
.fee-page .design-prose table th:last-child { width: 105px; }
.report-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 25px 0; }
.report-fields label { display: grid; gap: 9px; font-size: .82rem; }
.report-fields input, .report-fields textarea { border: 1px solid #d9d9d8; border-radius: 6px; padding: 12px; width: 100%; background: #fff; }
.report-message { grid-column: 1/-1; }
.report-attachment { display: flex; align-items: start; gap: 17px; padding: 20px; border: 1px dashed #d5c0bc; border-radius: 7px; background: #faf7f5; font-size: .85rem; }
.report-attachment p { font-size: .77rem; margin: 7px 0 0; }
.report-consent { display: flex; align-items: start; gap: 12px; margin: 25px 0; font-size: .79rem; line-height: 1.7; }
.report-consent input { margin-top: 5px; accent-color: #a51008; }
.report-process { padding-left: 22px; font-size: .87rem; line-height: 2.5; }
.inner-page [hidden] { display: none !important; }
@media (max-width: 1100px) {
  .inner-page .container-page { width: calc(100% - 40px); }
  .design-sidebar-layout { grid-template-columns: minmax(0,1fr) 270px; }
  .design-two-column { gap: 28px; }
  .design-filter { flex-wrap: wrap; }
  .design-filter > label { flex: 1 1 35%; }
  .academic-grid, .member-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .board-page .board-filter { flex-wrap: wrap; }
  .board-filter > label { flex: 1 1 40%; }
  .contact-page .branch-body { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .member-query-info { grid-template-columns: 1fr; }
  .report-fields { grid-template-columns: 1fr; }
  .identity-palette { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .design-steps { flex-direction: column; }
  .congress-layout, .magazine-layout, .magazine-feature, .membership-sections, .youth-banner, .branch-feature-grid, .branch-notice-columns, .listing-page .design-sidebar-layout { grid-template-columns: 1fr; }
  .congress-banner { min-height: 480px; }
  .congress-banner-lines { min-height: 100px; }
  .congress-news > a { gap: 15px; }
  .congress-news img { width: 95px; height: 90px; }
  .membership-shortcuts, .branch-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .membership-shortcuts a, .branch-shortcuts a { padding: 18px 12px; font-size: .77rem; }
  .branch-page-heading { align-items: start; flex-direction: column; }
  .branch-page-heading h1 { font-size: 1.5rem; }
  .branch-news-grid { grid-template-columns: 1fr; }
  .branch-feature-grid .home-hero-content { padding: 22px; }
  .youth-banner > img { max-height: 270px; }
  .inner-page .container-page, .inner-page .page-hero-inner { width: calc(100% - 32px); }
  .design-main, .inner-page .page-main { padding: 28px 0 40px; }
  .design-hero, .inner-page .page-hero { min-height: 190px; padding: 24px 0 30px; }
  .design-hero-icon { font-size: 80px; right: 0; opacity: .12; }
  .design-hero-photo { background-size: cover; }
  .design-two-column, .about-story, .design-sidebar-layout, .design-document-layout, .legal-framework, .university-directory, .inner-page .contact-grid { grid-template-columns: 1fr; }
  .design-card, .document-paper, .fee-page .design-card { padding: 22px; }
  .document-toc { position: static; }
  .about-visual > img { height: 350px; }
  .about-values { left: 5%; right: 5%; }
  .design-values-strip, .design-values-strip.six { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 30px 0; }
  .design-help { flex-wrap: wrap; padding: 22px; }
  .design-help > div { flex: 1; min-width: 190px; }
  .design-help > .button-primary { margin-left: 0; }
  .design-tabs > * { padding: 13px; }
  .university-directory .document-group:last-child ul { grid-template-columns: 1fr; }
  .academic-grid, .academic-grid.is-list .academic-card { grid-template-columns: 1fr; }
  .academic-card { padding: 22px; }
  .design-filter { padding: 15px; gap: 10px; }
  .design-filter > label { flex-basis: 100%; }
  .board-tabs .container-page { display: flex; width: 100%; overflow-x: auto; }
  .board-tabs a { flex: 0 0 auto; }
  .board-filter > label { flex-basis: 100%; }
  .board-filter .people-search { max-width: none; }
  .member-grid, .staff-grid { grid-template-columns: 1fr; }
  .staff-photo { height: 240px; max-width: 300px; }
  .president-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .president-card-body { padding: 13px; }
  .president-card-body h3 { font-size: .85rem; }
  .president-badge { font-size: .5rem; }
  .presidents-summary > div { padding: 12px; }
  .presidents-intro h1 { font-size: 2rem; }
  .commission-card .commission-row { grid-template-columns: 110px minmax(0,1fr); font-size: .78rem; }
  .commission-card dt, .commission-card dd { padding: 9px 12px; }
  .contact-page .branch-body { grid-template-columns: 1fr; }
  .document-toolbar { flex-wrap: wrap; gap: 15px; }
}
@media print {
  .site-topbar, .site-header, .site-footer, .document-toc, .document-toolbar, .design-help, .design-hero-icon { display: none !important; }
  .design-document-layout { display: block; }
  .design-hero { color: #222; background: #fff; min-height: 0; }
  .design-card { border: 0; box-shadow: none; }
}