/* Matériel: photo-led editorial cards. Green is a local decorative accent,
   requested for this page; it never denotes technical conformity. */
.mt-page{--mt-mint:#a5e0cc;--mt-pale:#edf7f3;--mt-green:#105b55;color:var(--b-night);background:#fff}
.mt-page *, .mt-page *::before,.mt-page *::after{box-sizing:border-box}
.mt-page .wp-block-group>*{margin-block-start:0}
.mt-page p,.mt-page h1,.mt-page h2,.mt-page h3,.mt-page figure{margin:0}
.mt-page :is(h1,h2,h3){color:inherit;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}
.mt-page p{line-height:1.65}
.mt-page strong{font-weight:700}
.mt-page .mt-shell{width:min(calc(100% - 80px),1320px);margin-inline:auto}
.mt-page .mt-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 100%,#105b55 0,transparent 50%),var(--b-gradient);color:var(--b-white);padding-bottom:3.5rem}
.mt-page .e-breadcrumb{padding-block:1.5rem;color:var(--b-soft);font-size:.875rem}
.mt-page .e-breadcrumb a{color:inherit}
.mt-page .mt-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:1rem}
.mt-page .mt-hero-copy{display:flex;flex-direction:column;gap:1.5rem;padding-block:1.25rem}
.mt-page .mt-kicker{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--o-blue)}
.mt-page .mt-hero .mt-kicker{color:var(--mt-mint)}
.mt-page h1{font-size:clamp(2.6rem,4.6vw,4.25rem);max-width:14ch}
.mt-page h1 em{font-style:normal;color:var(--mt-mint)}
.mt-page .mt-hero-lead{max-width:42ch;font-size:1.125rem;color:var(--b-soft)}
.mt-page .mt-action a{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;text-decoration:none;font-weight:650;color:var(--o-blue)}
.mt-page .mt-action a span{font-size:1.35em;line-height:1}
.mt-page .mt-action--primary a{background:var(--b-accent);color:var(--b-night);padding:.85rem 1.3rem;border-radius:var(--b-radius)}
.mt-page .mt-hero-visual{position:relative;isolation:isolate;padding:0 0 1.25rem 1.25rem;min-width:0}
.mt-page .mt-hero-visual::before{content:"";position:absolute;inset:1.25rem 1.25rem 0 0;border:1px solid #a5e0cc66;border-radius:20px;z-index:-1}
.mt-page .mt-hero-photo{overflow:hidden;border-radius:18px;aspect-ratio:6/5;box-shadow:0 24px 48px #001a2b44}
.mt-page .mt-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block}
.mt-page .mt-hero-caption{position:absolute;bottom:2.6rem;left:2.6rem;right:1.3rem;width:max-content;max-width:calc(100% - 4rem);padding:.65rem .95rem;background:#03182bef;border:1px solid #ffffff24;border-radius:10px;font-size:.85rem;color:var(--b-white)}
.mt-page .mt-jump{display:flex;justify-content:center;padding-block:2rem;border-bottom:1px solid var(--o-border)}
.mt-page .mt-jump-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}
.mt-page .mt-jump-links a{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:48px;padding:.75rem 1.4rem;border:1px solid #0b3452;border-radius:var(--b-radius);background:var(--b-gradient);color:#fff;font-size:1rem;font-weight:650;text-decoration:none;box-shadow:0 4px 12px #17374912}
.mt-page .mt-jump-links a span{color:var(--mt-mint);font-size:1rem}
.mt-page .mt-section{padding-block:4.5rem;scroll-margin-top:1rem}
.mt-page .mt-section-head{display:flex;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:2rem}
.mt-page .mt-section-titles{display:flex;flex-direction:column;gap:.65rem}
.mt-page h2{font-size:clamp(2rem,3.3vw,2.75rem)}
.mt-page .mt-section-head>p{color:#4c6172;max-width:100ch}
.mt-page .mt-section-head h2{text-wrap:wrap}
.mt-page .mt-intro{max-width:100ch;color:#4c6172;--mt-intro-background:#fff}
.mt-page .mt-command .mt-intro{--mt-intro-background:#f3f7fa}
.mt-page .mt-intro-full p+p{margin-top:1rem}
.mt-page .mt-read-more{display:block;min-height:44px;margin-top:.35rem;padding:.25rem 0;border:0;background:transparent;color:var(--o-blue);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.mt-page .mt-search{max-width:760px;padding-block:2rem 0}
.mt-page .mt-search label{display:block;margin-bottom:.65rem;font-size:1.2rem;font-weight:700}
.mt-page .mt-search-controls{display:flex;gap:.75rem}
.mt-page .mt-search input{flex:1;min-width:0;width:100%;min-height:52px;padding:.75rem 1rem;border:1px solid #9eb6c7;border-radius:var(--b-radius);background:#fff;color:var(--b-night);font:inherit}
.mt-page .mt-search-reset{min-height:48px;padding:.6rem 1rem;border:1px solid #9eb6c7;border-radius:var(--b-radius);background:#edf4f9;color:var(--o-blue);font:inherit;font-weight:650;cursor:pointer}
.mt-page .mt-search-reset:disabled{opacity:.55;cursor:default}
.mt-page .mt-search [role="status"]{margin-top:.65rem;color:#4c6172;font-size:.875rem}
.mt-page :is(button,input):focus-visible{outline:3px solid var(--o-blue);outline-offset:4px}
/* Added cards flow into new rows; three columns fit on wide screens. */
.mt-page .mt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.75rem}
.mt-page .mt-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce5eb;border-radius:18px;background:#fff;box-shadow:0 9px 28px #1737490a}
.mt-page .mt-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:340px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#fff 0,#e8f0f6 74%)}
.mt-page .mt-visual::before{content:"";position:absolute;z-index:-1;width:230px;height:230px;border:1px solid #0060a116;border-radius:50%}
.mt-page .mt-visual--mint{background:radial-gradient(ellipse at 50% 50%,#fafffc 0,#e1efe9 80%)}
.mt-page .mt-visual--blue{background:radial-gradient(ellipse at 50% 65%,#206692 0,#0b3452 75%)}
.mt-page .mt-visual--blue::before{border-color:#ffffff22}
.mt-page .mt-product{width:100%;height:100%;padding:3rem 2rem 1.5rem;display:flex;justify-content:center;align-items:center}
.mt-page .mt-product img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px #152c3c26)}
.mt-page .mt-visual-label{position:absolute;left:1.25rem;top:1.25rem;z-index:1;font-size:.6875rem;letter-spacing:.09em;font-weight:650;text-transform:uppercase;color:#335367}
.mt-page .mt-visual--blue .mt-visual-label{color:#d5eafa}
.mt-page .mt-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.75rem 2rem;flex:1}
.mt-page .mt-card h3{font-size:clamp(1.6rem,2.3vw,2rem);max-width:none;width:100%;text-wrap:wrap}
.mt-page .mt-card-summary{color:#4c6172}
.mt-page .mt-card .mt-action{margin-top:auto;padding-top:.35rem;width:100%}
.mt-page .mt-card .mt-action a{width:100%}
.mt-page .mt-command{background:linear-gradient(180deg,#f3f7fa 0,#eef6f3 100%)}
.mt-page .mt-bridge{padding-block:4.5rem}
.mt-page .mt-situation{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;border-radius:20px;background:var(--b-gradient);color:var(--b-white);overflow:hidden;box-shadow:0 16px 40px #03182b18}
.mt-page .mt-situation-photo{height:100%;min-height:360px;overflow:hidden}
.mt-page .mt-situation-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mt-page .mt-situation-copy{display:flex;flex-direction:column;gap:1.25rem;padding:2.5rem 3rem 2.5rem 0}
.mt-page .mt-situation .mt-kicker{color:var(--mt-mint)}
.mt-page .mt-situation p:not(.mt-kicker):not(.mt-action){color:var(--b-soft)}
.mt-page .mt-situation .mt-action a{color:var(--b-white);border-bottom:1px solid #6d8a9f}
.mt-page a:focus-visible{outline:3px solid var(--o-blue);outline-offset:5px;border-radius:5px}
.mt-page :is(.mt-hero,.mt-situation) a:focus-visible{outline-color:#fff}
.mt-page .mt-card:focus-within{border-color:var(--o-blue);box-shadow:0 0 0 2px var(--o-blue)}
@media(hover:hover) and (pointer:fine){
 .mt-page .mt-action a:hover{text-decoration:underline;text-underline-offset:.2em}
 .mt-page .mt-jump-links a:hover{text-decoration:underline;text-underline-offset:.25em}
 .mt-page .mt-card:hover{border-color:#9eb6c7;box-shadow:0 16px 36px #17374914}
}
@media(prefers-reduced-motion:no-preference){
 .mt-page .mt-product img{transition:transform .55s cubic-bezier(.2,.65,.3,1)}
 .mt-page .mt-card{transition:box-shadow .25s,border-color .25s}
 .mt-page .mt-action a span{transition:transform .25s}
 .mt-page .mt-card:focus-within .mt-product img{transform:scale(1.035)}
 @media(hover:hover) and (pointer:fine){.mt-page .mt-card:hover .mt-product img{transform:scale(1.055)}.mt-page .mt-action a:hover span{transform:translateX(4px)}}
}
@media(max-width:1050px){
 .mt-page .mt-shell{width:calc(100% - 48px)}
 .mt-page .mt-hero-grid{gap:2rem}
 .mt-page .mt-card-copy{padding:1.5rem}
 .mt-page .mt-situation{gap:2rem}
 .mt-page .mt-situation-copy{padding-right:2rem}
}
@media(max-width:767px){
 .mt-page .mt-intro-preview{position:relative;max-height:6.6em;overflow:hidden}
 .mt-page .mt-intro-preview::after{content:"";position:absolute;inset:auto 0 0;height:2em;background:linear-gradient(transparent,var(--mt-intro-background));pointer-events:none}
 .mt-page .mt-search-controls{flex-wrap:wrap}
 .mt-page .mt-search input{flex-basis:100%}
 .mt-page .mt-shell{width:calc(100% - 32px)}
 .mt-page .mt-hero{padding-bottom:2rem}
 .mt-page .mt-hero-grid{grid-template-columns:1fr;gap:2rem;padding-top:0}
 .mt-page .mt-hero-copy{gap:1.2rem;padding-block:.5rem 0}
 .mt-page h1{font-size:clamp(2.5rem,8vw,3.5rem);max-width:15ch}
 .mt-page .mt-hero-lead{font-size:1rem}
 .mt-page .mt-hero-photo{aspect-ratio:3/2}
 .mt-page .mt-hero-caption{font-size:.75rem;bottom:2rem;left:2rem}
 .mt-page .mt-jump{padding-block:1.5rem}
 .mt-page .mt-jump-links{width:100%;gap:.65rem}
 .mt-page .mt-jump-links a{flex:1 1 140px;font-size:.9375rem}
 .mt-page .mt-section,.mt-page .mt-bridge{padding-block:3rem}
 .mt-page .mt-section-head{margin-bottom:1.5rem}
 .mt-page .mt-grid{grid-template-columns:1fr;gap:1.5rem}
 .mt-page .mt-visual{height:300px}
 .mt-page .mt-situation{grid-template-columns:1fr;gap:0}
 .mt-page .mt-situation-photo{min-height:0;aspect-ratio:3/2}
 .mt-page .mt-situation-copy{padding:1.75rem;gap:1rem}
 .mt-page .mt-card h3{font-size:1.7rem}
}
@media print{.mt-page .mt-intro-full[hidden]{display:block}.mt-page .mt-intro-preview,.mt-page .mt-read-more,.mt-page .mt-search{display:none}}
@media(max-width:359px){
 .mt-page .mt-card-copy{padding:1.25rem}
 .mt-page .mt-visual{height:270px}
 .mt-page .mt-hero-caption{position:static;margin-top:.6rem;max-width:none;width:auto;background:transparent;padding:0;border:0}
}
@media(forced-colors:active){
 .mt-page .mt-card,.mt-page .mt-situation,.mt-page .mt-action--primary a{border:1px solid CanvasText}
 .mt-page .mt-product img{filter:none}
}
/* Family index and native component explanations; scoped to the material page. */
.mt-page .mt-jump{flex-direction:column;gap:1rem;scroll-margin-top:1rem}
.mt-page .mt-index-title{font-weight:700;font-size:1.2rem}
.mt-page .mt-jump-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.mt-page .mt-jump-links a{justify-content:space-between;text-align:left}
.mt-page .mt-index-help{color:#4c6172;font-size:.9375rem}
.mt-page .mt-device-list{display:grid;gap:.75rem;margin-top:1.5rem}
.mt-page .mt-device{border:1px solid var(--o-border);border-radius:var(--b-radius);background:#fff;overflow-wrap:anywhere}
.mt-page .mt-device summary{padding:1rem 1.25rem;cursor:pointer;min-height:48px;color:var(--o-blue)}
.mt-page .mt-device summary h3{display:inline;font-size:1.125rem;line-height:1.5;letter-spacing:normal;text-wrap:wrap}
.mt-page .mt-device summary:focus-visible{outline:3px solid var(--o-blue);outline-offset:3px;border-radius:var(--b-radius)}
.mt-page .mt-device[open] summary{border-bottom:1px solid var(--o-border)}
.mt-page .mt-device>p{padding:1rem 1.25rem;color:#4c6172;max-width:100ch}
.mt-page .mt-tools-link{padding-bottom:3rem}
.mt-page .mt-tools-link h2{font-size:1.5rem;margin-bottom:1rem}
@media(max-width:767px){.mt-page .mt-jump-links{grid-template-columns:1fr}.mt-page .mt-jump-links a{padding:.65rem 1rem}}
/* Brief component memo: compact cards, native fallback and a shared dialog. */
.mt-memo-page .mt-jump-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.mt-memo-page .mt-hero-grid{grid-template-columns:1.4fr 1fr;gap:2rem}
.mt-memo-page h1{font-size:clamp(2rem,3.6vw,3rem);max-width:24ch}
.mt-memo-page .mt-hero-photo{max-height:300px}
.mt-memo-page .mt-hero{padding-bottom:2rem}
.mt-memo-page .mt-section{padding-block:2.5rem;border-bottom:1px solid var(--o-border)}
.mt-memo-page .mt-section-head{gap:.75rem;margin-bottom:1.5rem}
.mt-memo-page .mt-section-head>p:first-child{color:var(--o-blue)}
.mt-memo-page .mt-subtitle{font-size:1.35rem;letter-spacing:normal;margin-bottom:1rem}
.mt-memo-page .mt-memo-group+.mt-memo-group{margin-top:2rem}
.mt-memo-page .mt-memo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.mt-memo-page .mt-memo{min-width:0;border:1px solid var(--o-border);border-radius:var(--b-radius);background:#fff;overflow-wrap:anywhere;box-shadow:0 4px 12px #17374912,0 1px 2px #1737490a}
.mt-memo-page .mt-memo summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto auto;column-gap:.75rem;row-gap:.35rem;padding:1rem;cursor:pointer;list-style:none;align-content:center}
.mt-memo-page .mt-memo summary::-webkit-details-marker{display:none}
.mt-memo-page .mt-memo-name{font-size:1rem;line-height:1.4;font-weight:700;color:var(--b-night);grid-column:1}
.mt-memo-page .mt-memo-cue{font-size:.875rem;line-height:1.5;color:#4c6172;grid-column:1}
.mt-memo-page .mt-memo-action{display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1/3;align-self:center;width:32px;height:32px;border-radius:var(--b-radius);background:#eaf4fb;font-size:1.25rem;font-weight:500;color:var(--o-blue)}
.mt-memo-page .mt-memo summary:focus-visible{outline:3px solid var(--o-blue);outline-offset:3px;border-radius:var(--b-radius)}
.mt-memo-page .mt-memo:hover{border-color:#9eb6c7;box-shadow:0 8px 20px #1737491f,0 2px 4px #1737490a}
.mt-memo-page .mt-memo-body{padding:1.25rem;border-top:1px solid var(--o-border)}
.mt-memo-page .mt-memo-body p+p{margin-top:1rem}
.mt-memo-page .mt-memo-body strong{display:block;margin-bottom:.35rem;color:var(--o-blue)}
.mt-memo-page .mt-memo-photo{display:block;width:100%;height:120px;object-fit:contain;margin:0 auto 1rem}
.mt-memo-page .mt-memo-resources{padding-block:2rem}
.mt-memo-page .mt-memo-resources summary{cursor:pointer;min-height:48px;padding-block:.75rem;color:var(--o-blue)}
.mt-memo-page .mt-memo-resources a{display:inline-block;padding-block:.5rem}
.mt-memo-page .mt-memo-dialog{inset:50% 0 auto;transform:translateY(-50%);margin:0 auto;padding:0;width:min(600px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid var(--o-border);border-radius:var(--b-radius);background:#fff;color:var(--b-night);box-shadow:0 16px 40px #03182b33;overflow:hidden}
.mt-memo-page .mt-memo-dialog[open]{display:flex;flex-direction:column}
.mt-memo-page .mt-memo-dialog::backdrop{background:#03182bb3}
.mt-memo-page .mt-dialog-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--o-border);flex-shrink:0}
.mt-memo-page .mt-dialog-header h2{font-size:1.5rem;line-height:1.3;letter-spacing:normal;flex:1;min-width:0;overflow-wrap:anywhere}
.mt-memo-page .mt-dialog-close{min-width:80px;min-height:44px;padding:.5rem .75rem;border:1px solid var(--o-border);border-radius:var(--b-radius);background:#fff;color:var(--o-blue);font:inherit;font-weight:700;cursor:pointer;flex-shrink:0}
.mt-memo-page .mt-dialog-content{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.mt-memo-page .mt-dialog-content:focus-visible{outline:2px solid var(--o-blue);outline-offset:-3px}
.mt-memo-page .mt-dialog-content .mt-memo-body{border:0}
html.mt-modal-open{overflow:hidden}
@media(max-width:1050px){.mt-memo-page .mt-memo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .mt-memo-page .mt-hero-grid{grid-template-columns:1fr}
 .mt-memo-page .mt-hero-visual{display:none}
 .mt-memo-page .mt-jump-links{grid-template-columns:1fr}
 .mt-memo-page .mt-memo-grid{grid-template-columns:1fr}
 .mt-memo-page .mt-memo summary{padding:1rem}
 .mt-memo-page .mt-dialog-header{padding:1rem;gap:.5rem}
 .mt-memo-page .mt-dialog-header h2{font-size:1.25rem}
 .mt-memo-page .mt-dialog-close{font-size:.875rem;min-width:72px}
}
@media print{.mt-memo-page .mt-memo-dialog{display:none}.mt-memo-page .mt-memo> .mt-memo-body{display:block}}
/* Directory layout: persistent desktop sidebar and a compact mobile menu. */
.mt-memo-page{background:#f4f6f8}
.mt-memo-page .mt-catalog{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2rem;align-items:start;padding-block:2.5rem}
.mt-memo-page .mt-catalog-content{min-width:0}
.mt-memo-page .mt-catalog :is(.mt-section,.mt-search,.mt-jump,.mt-memo-resources){width:100%;margin-inline:0}
.mt-memo-page .mt-sidebar{position:sticky;top:20px;align-self:start;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--o-border);border-radius:var(--b-radius);background:#fff;box-shadow:0 4px 12px #1737490a}
.mt-memo-page .mt-directory>summary{display:none}
.mt-memo-page .mt-directory .mt-jump{padding:1.25rem 1rem;gap:1rem;border-bottom:1px solid var(--o-border)}
.mt-memo-page .mt-index-title{font-size:1.125rem;line-height:1.4}
.mt-memo-page .mt-directory .mt-jump-links{display:flex;flex-direction:column;gap:.35rem}
.mt-memo-page .mt-directory .mt-jump-links a{background:transparent;color:var(--b-night);box-shadow:none;border:0;border-left:3px solid transparent;border-radius:var(--b-radius);padding:.7rem .65rem;min-height:44px;font-size:.9375rem;line-height:1.4}
.mt-memo-page .mt-directory .mt-jump-links a span{color:var(--o-blue)}
.mt-memo-page .mt-directory .mt-jump-links a[aria-current]{background:#eaf4fb;border-left-color:var(--o-blue);color:var(--o-blue)}
.mt-memo-page .mt-directory .mt-search{padding:1rem}
.mt-memo-page .mt-search label{font-size:.875rem}
.mt-memo-page .mt-search-controls{flex-direction:column;gap:.5rem}
.mt-memo-page .mt-search input{min-height:44px;padding:.6rem;font-size:.9375rem;flex-basis:auto}
.mt-memo-page .mt-search-reset{align-self:flex-start;min-height:44px;font-size:.875rem;padding:.4rem .7rem;background:#fff}
.mt-memo-page .mt-search-reset:disabled{display:none}
.mt-memo-page .mt-search-feedback:not(.mt-search-empty){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:0}
.mt-memo-page .mt-catalog .mt-section{padding-top:0;padding-bottom:2rem;scroll-margin-top:24px}
.mt-memo-page .mt-catalog .mt-section+.mt-section{padding-top:2rem}
.mt-memo-page .mt-section h2{font-size:clamp(1.65rem,2.5vw,2.25rem)}
.mt-memo-page .mt-section-head>p:not(.mt-kicker){max-width:78ch;font-size:1rem}
.mt-memo-page .mt-memo-grid{align-items:stretch}
.mt-memo-page .mt-memo summary{height:100%}
.mt-memo-page .mt-memo[open] summary{height:auto}
@media(prefers-reduced-motion:no-preference){.mt-memo-page .mt-memo{transition:box-shadow .18s,border-color .18s,transform .18s}@media(hover:hover){.mt-memo-page .mt-memo:hover{transform:translateY(-2px)}}}
@media(max-width:1279px){.mt-memo-page .mt-memo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-memo-page .mt-catalog{grid-template-columns:220px minmax(0,1fr);gap:1.5rem}}
@media(max-width:900px){
 .mt-memo-page .mt-catalog{display:block;padding-top:1rem}
 .mt-memo-page .mt-sidebar{position:static;max-height:none;overflow:visible;margin-bottom:1.5rem}
 .mt-memo-page.mt-directory-ready .mt-sidebar{position:sticky;top:0;z-index:20}
 .mt-memo-page .mt-directory>summary{display:list-item;padding:.8rem 1rem;min-height:48px;font-weight:700;cursor:pointer;color:var(--o-blue);list-style-position:inside}
 .mt-memo-page .mt-directory>summary:focus-visible{outline:3px solid var(--o-blue);outline-offset:-3px}
 .mt-memo-page .mt-directory[open]{max-height:75dvh;overflow:auto}
 .mt-memo-page .mt-directory .mt-index-title{display:none}
 .mt-memo-page .mt-directory .mt-jump{padding:.5rem 1rem}
 .mt-memo-page .mt-directory .mt-jump-links{display:grid;grid-template-columns:1fr 1fr}
 .mt-memo-page .mt-directory .mt-search{padding:.75rem 1rem}
 .mt-memo-page .mt-catalog .mt-section{scroll-margin-top:76px}
}
@media(max-width:767px){.mt-memo-page .mt-memo-grid{grid-template-columns:1fr}}
@media(max-width:359px){.mt-memo-page .mt-directory .mt-jump-links{grid-template-columns:1fr}}
/* Brand-blue surfaces and faithful existing thumbnails. */
.mt-memo-page{background:linear-gradient(125deg,#eaf4fb 0%,#f4f6f8 58%,#eaf4fb 100%)}
.mt-memo-page .mt-memo{background:linear-gradient(115deg,#eaf4fb 0%,#f5faff 65%,#eaf4fb 100%);border-color:#b8d4e8;box-shadow:0 5px 14px #0060a11a,0 1px 3px #004b7d12}
.mt-memo-page .mt-memo:hover{border-color:var(--o-blue);box-shadow:0 9px 22px #0060a129,0 2px 4px #004b7d14}
.mt-memo-page .mt-memo summary{grid-template-columns:64px minmax(0,1fr) 26px;column-gap:.65rem;padding:.9rem}
.mt-memo-page .mt-memo-name{grid-column:2;color:#004b7d}
.mt-memo-page .mt-memo-cue{grid-column:2;color:#335367}
.mt-memo-page .mt-memo-action{grid-column:3;width:26px;height:26px;color:#fff;background:linear-gradient(135deg,#0060a1,#004b7d);box-shadow:0 3px 7px #0060a129}
.mt-memo-page .mt-card-visual{grid-column:1;grid-row:1/3;align-self:center;display:flex;align-items:center;justify-content:center;width:64px;min-height:64px;border-radius:var(--b-radius);background:linear-gradient(145deg,#0060a1,#004b7d);color:#fff;box-shadow:0 4px 9px #0060a126;font-size:.8rem;line-height:1.2;font-weight:700;text-align:center;overflow:hidden}
.mt-memo-page .mt-card-visual--photo{background:#fff;border:1px solid #b8d4e8}
.mt-memo-page .mt-card-thumb{display:block;width:60px;height:72px;max-width:100%;object-fit:contain;padding:3px}
.mt-memo-page .mt-product-photo{margin:0 0 1.25rem;padding:1rem;background:#fff;border:1px solid #b8d4e8;border-radius:var(--b-radius)}
.mt-memo-page .mt-product-photo .mt-memo-photo{height:200px;max-width:320px;margin:0 auto .75rem}
.mt-memo-page .mt-product-photo figcaption{font-size:.8125rem;line-height:1.5;text-align:center;color:#335367}
.mt-memo-page .mt-product-photo a{color:#004b7d;text-decoration:underline;text-underline-offset:3px}
.mt-memo-page .mt-product-photo .mt-amazon-product{display:inline-block;min-height:44px;padding:.65rem .25rem}
.mt-memo-page .mt-subtitle{color:#004b7d;padding-left:.75rem;border-left:3px solid var(--o-blue);margin-bottom:.65rem}
.mt-memo-page .mt-subintro{font-size:.9375rem;line-height:1.65;color:#335367;max-width:80ch;margin-bottom:1.25rem}
.mt-memo-page .mt-section-head{padding:1.25rem;border-radius:var(--b-radius);border:1px solid #b8d4e8;background:linear-gradient(110deg,#eaf4fb 0%,#fff 82%,#c6153008 100%);box-shadow:0 4px 12px #0060a10a}
.mt-memo-page .mt-sidebar{background:linear-gradient(165deg,#eaf4fb,#fff 65%);border-color:#b8d4e8;box-shadow:0 7px 20px #0060a11a}
.mt-memo-page .mt-directory .mt-jump-links a[aria-current]{background:linear-gradient(120deg,#0060a1,#004b7d);border-left-color:#004b7d;color:#fff;box-shadow:0 4px 10px #0060a126}
.mt-memo-page .mt-directory .mt-jump-links a[aria-current] span{color:#fff}
.mt-memo-page .mt-dialog-header{background:linear-gradient(110deg,#eaf4fb,#fff);border-color:#b8d4e8}
.mt-memo-page .mt-memo-dialog{box-shadow:0 20px 60px #004b7d4d;border-color:#b8d4e8}
@media(max-width:767px){.mt-memo-page .mt-section-head{padding:1rem}.mt-memo-page .mt-memo summary{padding:.8rem;column-gap:.6rem}}
@media(forced-colors:active){.mt-memo-page .mt-card-visual,.mt-memo-page .mt-memo-action{border:1px solid CanvasText}.mt-memo-page .mt-memo{box-shadow:none}}
/* Keep hidden states after the card, button and responsive display rules. */
.mt-page [hidden]{display:none}