/* Public MVC adapters. Values follow tasarim/tokens and ayyildiz-ds.css. */
.design-content{width:min(var(--ayy-container-www),calc(100% - var(--ayy-space-12)));margin-inline:auto;padding-block:var(--ayy-space-12);min-width:0}
.design-content :is(h1,.page-intro h1,.article h1){font-size:var(--ayy-type-display);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--ayy-text-heading)}
.design-content h2{font-size:var(--ayy-type-headline);font-weight:700;line-height:1.25;color:var(--ayy-text-heading)}
.design-content h3{font-size:var(--ayy-type-title);font-weight:600;color:var(--ayy-text-heading)}
.design-content :is(p,li){color:var(--ayy-text-body)}
.design-content :is(.lead,.hero .lead){font-size:var(--ayy-type-body-lg);line-height:1.6;color:var(--ayy-text-secondary);max-width:75ch}
.design-content :is(.eyebrow,.downloads-eyebrow,.certificate-eyebrow){color:var(--ayy-gold-700)!important;font-size:var(--ayy-type-eyebrow);font-weight:700;letter-spacing:.14em}
.design-content :is(.helper,small,figcaption){font-size:var(--ayy-type-caption);color:var(--ayy-text-muted)}
.design-content :is(.page-intro,.knowledge-hero,.downloads-hero,.activation-hero,.ts-hero){background:transparent;border:0;box-shadow:none;border-radius:0;padding:0 0 var(--ayy-space-12);margin-bottom:var(--ayy-space-8)}
.design-content :is(.downloads-page,.activation-page){padding-block:0 var(--ayy-space-12)}
.design-content :is(.downloads-page h1 span,.question-number,.question-toggle,.guide-steps li::before){color:var(--ayy-gold-700)}
.design-content :is(.question-number,.application-format-note){background:var(--ayy-gold-50);color:var(--ayy-gold-700)}
.design-content :is(.card,.download-card,.directory-card,.certificate-card,.policy-card,.knowledge-question,.guide-steps li,.faq-search-card,.blog-image-card){background:var(--ayy-surface-card);border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-lg);box-shadow:var(--ayy-shadow-card)}
.design-content :is(.card,.directory-card,.download-card,.certificate-card){padding:var(--ayy-space-6)}
.design-content :is(.content-card,.blog-image-card){padding:0;overflow:hidden}
.design-content .card-body{padding:var(--ayy-space-6)}
.design-content :is(.card h2,.card h3,.download-card h2,.directory-card h2){font-size:var(--ayy-type-title);font-weight:600}
.design-content :is(.card p,.card-body p){font-size:var(--ayy-type-body);line-height:1.5;color:var(--ayy-text-secondary)}
.design-content :is(.accent,.notice){border-left:3px solid var(--ayy-gold-500)}
.design-content :is(.action-card::after){background:var(--ayy-red-600)}
.design-content :is(.knowledge-question[open],.action-card:hover){border-color:var(--ayy-gold-500)}
.design-content :is(.text-link,.question-answer a,.knowledge-links a,.directory-card a){color:var(--ayy-navy-700);font-size:var(--ayy-type-label)}
.design-content .directory-card a{display:block;padding:var(--ayy-space-3) 0;border-bottom:1px solid var(--ayy-border-divider)}
.design-content .directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ayy-space-6)}
.design-content .resource-list{margin-top:var(--ayy-space-8)}
.design-content .resource-list small{display:block;overflow-wrap:anywhere}
.design-content :is(.grid,.download-grid){gap:var(--ayy-space-6)}
.design-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){font-family:var(--ayy-font-sans);font-size:var(--ayy-type-body);color:var(--ayy-text-heading);background:var(--ayy-white);border:1px solid var(--ayy-border-input);border-radius:var(--ayy-radius-md);min-height:var(--ayy-input-h);padding:var(--ayy-space-3) var(--ayy-space-4);max-width:100%}
.design-content :is(input,select,textarea):focus{outline:0;border-color:var(--ayy-border-focus);box-shadow:var(--ayy-shadow-focus)}
.design-content :is(input,select):disabled{background:var(--ayy-gray-100);color:var(--ayy-text-placeholder)}
.design-content textarea{min-height:120px;resize:vertical}
.design-content label{font-size:var(--ayy-type-label);font-weight:600;color:var(--ayy-text-heading)}
.design-content .filters{display:flex;flex-wrap:wrap;gap:var(--ayy-space-6);align-items:end;padding:var(--ayy-space-6);border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-lg);background:var(--ayy-white);margin-bottom:var(--ayy-space-6)}
.design-content .filters>div{display:flex;flex:1;min-width:180px;flex-direction:column;gap:var(--ayy-space-2)}
.design-content .button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ayy-space-2);min-height:var(--ayy-button-h);padding:0 var(--ayy-space-6);font-family:var(--ayy-font-sans);font-size:var(--ayy-type-button);font-weight:600;border:1px solid var(--ayy-border-input);border-radius:var(--ayy-radius-button);background:var(--ayy-white);color:var(--ayy-navy-900);cursor:pointer}
.design-content .button.primary{background:var(--ayy-red-600);border-color:var(--ayy-red-600);color:var(--ayy-white)}
.design-content .button.primary:hover{background:var(--ayy-red-700);border-color:var(--ayy-red-700)}
.design-content .button.secondary:hover{background:var(--ayy-navy-50);border-color:var(--ayy-navy-800)}
.design-content :is(.contact-map,.application-help,.certificate-hash){border-radius:var(--ayy-radius-lg);background:var(--ayy-gray-100);border-color:var(--ayy-border-divider)}
.design-content :is(.content-visual,.illustrated-cover){background:var(--ayy-gold-50)}
.design-content .article{max-width:75ch}
.design-content .article p{font-size:var(--ayy-type-body);line-height:1.7}
.design-content :is(.section-heading,.knowledge-section-heading){margin-bottom:var(--ayy-space-6)}
.design-content :is(.guide-steps li,.question-answer){line-height:1.6}
.site-announcement{padding:var(--ayy-space-8);border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-xl);box-shadow:var(--ayy-shadow-overlay)}
.site-announcement h2{font-size:var(--ayy-type-headline);font-weight:700}
.site-announcement .announcement-symbol{border-radius:var(--ayy-radius-lg);background:var(--ayy-gold-50);color:var(--ayy-gold-700)}
.site-announcement::backdrop{background:color-mix(in srgb,var(--ayy-navy-950) 45%,transparent);backdrop-filter:none}
.ayy-header .restored-menu>summary{font-size:var(--ayy-type-nav);font-family:var(--ayy-font-sans)}
.ayy-header .restored-dropdown{border-radius:var(--ayy-radius-md);box-shadow:var(--ayy-shadow-overlay);padding:var(--ayy-space-2)}
.ayy-header .restored-dropdown a{font-size:var(--ayy-type-label);padding:var(--ayy-space-3) var(--ayy-space-4)!important}
.support-fab{min-height:var(--ayy-button-h);border-radius:var(--ayy-radius-button);padding:var(--ayy-space-3) var(--ayy-space-5);font-size:var(--ayy-type-button)}
.restored-shortcuts{gap:var(--ayy-space-6);margin-top:var(--ayy-space-8)}
.restored-section-heading{gap:var(--ayy-space-6);margin-bottom:var(--ayy-space-8)}
@media(max-width:1024px){.design-content .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.design-content{width:calc(100% - var(--ayy-space-8))}.design-content :is(.directory-grid,.three,.two){grid-template-columns:1fr}.design-content .filters{align-items:stretch;flex-direction:column}.design-content :is(.page-intro,.knowledge-hero,.downloads-hero,.activation-hero,.ts-hero){padding-bottom:var(--ayy-space-8)}}
@media print{.support-fab,#live-support-status,.restored-test-banner{display:none!important}}
/* Layout isolation: shared chrome must not inherit legacy page styles. */
#ayy-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ayy-header{flex-shrink:0}
.ayy-header__inner{min-width:0}
.ayy-header__actions{margin-left:auto}
.ayy-header__nav{gap:var(--ayy-space-4)}
.ayy-header__nav .restored-menu>summary{white-space:nowrap}
.ayy-header__nav .restored-menu:last-of-type .restored-dropdown{left:auto;right:0}
.ayy-container.ayy-hero-grid{padding:var(--ayy-space-16) var(--ayy-space-6)}
.ayy-hero-copy,.ayy-hero-visual,.ayy-step__body,.ayy-trust__item>div{min-width:0}
.ayy-footer__brand img{width:auto;max-width:100%;object-fit:contain}
.ayy-footer__cols>div,.footer-directory>section{min-width:0}
.ayy-footer a{overflow-wrap:anywhere}
.design-content :is(.directory-grid,.grid,.three,.two,.filters){min-width:0}
.design-content :is(.directory-card,.resource-list,.card,.card-body){min-width:0}
.design-content :is(.directory-card a,.resource-list a,.resource-list small){max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.design-content .content-card{display:flex;flex-direction:column}
.design-content .content-card .card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.design-content .card-body h3{margin:0 0 var(--ayy-space-3);line-height:1.4}
.design-content .card-body p{margin:0 0 var(--ayy-space-5)}
.design-content .card-body .text-link{margin-top:auto}
.design-content .knowledge-hero{padding-bottom:var(--ayy-space-6);margin-bottom:var(--ayy-space-6)}
@media(max-width:1100px){
 .ayy-header__nav{display:none}
 .ayy-header__burger{display:inline-flex}
 .ayy-header__actions{margin-left:auto}
 #ayyMobileMenu{top:var(--ayy-header-h);max-height:calc(100dvh - var(--ayy-header-h))}
 .ayy-header__inner{gap:var(--ayy-space-4)}
}
@media(max-width:768px){
 .ayy-container.ayy-hero-grid{padding:var(--ayy-space-12) var(--ayy-space-4)}
 #ayyMobileMenu{top:var(--ayy-header-h-mobile);max-height:calc(100dvh - var(--ayy-header-h-mobile))}
 .ayy-header__brand{min-width:0}
 .ayy-header__brand img{max-width:100%}
 .design-content .resource-list a{display:block}
 .design-content .directory-grid{grid-template-columns:minmax(0,1fr)}
}

/* Shared product and corporate layouts, independent of retired theme files. */
.design-content .product-hero,.design-content .about-hero{
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
 align-items:center;gap:var(--ayy-space-12);margin:0 0 var(--ayy-space-16);padding:var(--ayy-space-6) 0;
}
.design-content :is(.product-hero,.about-hero)>*{min-width:0}
.design-content :is(.product-hero,.about-hero) h1{margin:0 0 var(--ayy-space-6);line-height:1.2}
.design-content :is(.product-hero,.about-hero) h1 span{color:var(--ayy-gold-700)}
.design-content :is(.product-hero,.about-hero) .lead{max-width:55ch;margin:0 0 var(--ayy-space-6)}
.design-content .product-hero-art,.design-content .about-visual{
 width:100%;max-width:440px;justify-self:end;margin:0;
 padding:var(--ayy-space-6);background:var(--ayy-surface-card);
 border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-lg);
}
.design-content .product-hero-art img,.design-content .about-visual img{
 display:block;width:100%;height:280px;object-fit:contain;
}
.design-content .product-hero-art>span,.design-content .about-visual figcaption{
 display:block;margin-top:var(--ayy-space-4);padding-top:var(--ayy-space-4);
 border-top:1px solid var(--ayy-border-divider);font-size:var(--ayy-type-caption);
 line-height:1.6;color:var(--ayy-text-muted);letter-spacing:.04em;
}
.design-content .product-article{max-width:none;width:100%;margin:0}
.design-content .product-article>p{max-width:75ch;margin:0 0 var(--ayy-space-6);line-height:1.7}
.design-content .product-article>h2{margin:var(--ayy-space-12) 0 var(--ayy-space-6)}
.design-content .product-article blockquote{margin:0 0 var(--ayy-space-8);padding:var(--ayy-space-6);border-left:3px solid var(--ayy-gold-500);background:var(--ayy-gold-50);border-radius:var(--ayy-radius-sm);line-height:1.6}
.design-content .usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ayy-space-6)}
.design-content .usage-card{display:flex;align-items:flex-start;gap:var(--ayy-space-4);padding:var(--ayy-space-6);background:var(--ayy-white);border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-lg)}
.design-content .usage-card p{margin:var(--ayy-space-2) 0 0}
.design-content .usage-icon{flex:none;width:32px}
.design-content .about-purpose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--ayy-space-12);padding-block:var(--ayy-space-12);border-block:1px solid var(--ayy-border-divider)}
.design-content .about-section-logo{width:240px;height:auto;max-width:100%}
.design-content .about-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ayy-space-6);margin-block:var(--ayy-space-12)}
.design-content .about-direction article{padding:var(--ayy-space-6);background:var(--ayy-white);border:1px solid var(--ayy-border-divider);border-radius:var(--ayy-radius-lg)}
.design-content .about-symbol{display:block;margin-bottom:var(--ayy-space-4);color:var(--ayy-gold-700);font-size:var(--ayy-type-eyebrow)}
.design-content .about-solutions>a{display:flex;gap:var(--ayy-space-6);align-items:center;padding:var(--ayy-space-6) 0;border-bottom:1px solid var(--ayy-border-divider)}
.design-content .about-solutions>a>span{color:var(--ayy-gold-700);flex:none}
.design-content :is(.card,.about-direction article) h2,.design-content :is(.card,.about-direction article) h3{margin-bottom:var(--ayy-space-3)}
.design-content .support-strip h2{color:var(--ayy-white)}
@media(max-width:900px){
 .design-content .product-hero,.design-content .about-hero{gap:var(--ayy-space-8);grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 .design-content .product-hero-art img,.design-content .about-visual img{height:240px}
}
@media(max-width:768px){
 .design-content .product-hero,.design-content .about-hero{grid-template-columns:minmax(0,1fr);margin-bottom:var(--ayy-space-12);padding-top:0}
 .design-content .product-hero-art,.design-content .about-visual{justify-self:center;max-width:400px}
 .design-content .about-purpose,.design-content .about-direction,.design-content .usage-grid{grid-template-columns:minmax(0,1fr)}
 .design-content .actions{gap:var(--ayy-space-4);margin-top:var(--ayy-space-6)}
 .design-content .actions .button{white-space:normal;text-align:center;height:auto;min-height:var(--ayy-button-h);padding-block:var(--ayy-space-3)}
}
/* E-signature package photograph shared by the catalogue and selected order. */
.ts-art img.esign-product-photo{display:block;width:90px;height:90px;object-fit:contain;margin:var(--ayy-space-6) auto;border-radius:var(--ayy-radius-md)}
.esign-package-photo{display:block;width:90px;height:90px;object-fit:contain;margin:0 auto var(--ayy-space-6);border-radius:var(--ayy-radius-md)}
.esign-selection{align-items:center;flex-wrap:wrap;gap:var(--ayy-space-4)}
.esign-selection-photo{display:block;width:72px;height:72px;object-fit:contain;flex:none;border-radius:var(--ayy-radius-md)}