/* MANOR's existing identity, with ordinary document pages and direct links. */
.manor-demo{background:#fff;color:#293d4b;font:15px/1.8 -apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif}
.manor-browse,.manor-document{background:linear-gradient(#f7f9fbd9,#f7f9fbd9),url("maid-top-v2.webp") 72% center/cover fixed}.manor-demo *{box-sizing:border-box}.manor-demo img{max-width:100%}.manor-demo a{color:#385e76;text-decoration:none}.manor-demo a:hover{text-decoration:underline}.manor-demo a:focus-visible,.manor-demo button:focus-visible,.manor-demo input:focus-visible,.manor-demo select:focus-visible{outline:3px solid #51778f;outline-offset:3px}
.manor-header{background:#f8fafcf5;border-bottom:1px solid #dce4e9}.manor-header>div{max-width:1024px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.manor-header .brand{display:flex;align-items:center;gap:10px}.manor-logo{width:26px;height:32px}.manor-header .brand-name>span{font-size:8px}.manor-header .brand-name>strong{font-size:19px}.manor-demo-label{font-size:10px;color:#647e8f;letter-spacing:.04em}.manor-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1024px;margin:auto;padding:0 20px 12px;gap:8px}.manor-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #c9d6de;border-radius:7px;background:white;padding:7px 4px;text-align:center;font-size:12px}.manor-header nav a[aria-current=page]{background:#eaf1f6;border-color:#9bb1c1;font-weight:700}
main.manor-main{max-width:1200px;margin:0 auto;padding:38px 28px 56px}.manor-main h1{font-family:var(--serif,serif);font-size:30px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;margin:10px 0 16px}.manor-main h2{font-size:18px;line-height:1.7;font-weight:650;margin:20px 0 14px}.manor-eyebrow{font-size:11px;color:#51778f;letter-spacing:.1em}.manor-lead{font-size:16px;margin-bottom:26px}.manor-back{font-size:13px;display:inline-flex;min-height:44px;align-items:center;margin-bottom:12px}.manor-entrances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.manor-entrance{background:white;border:1px solid #d5e0e7;border-radius:12px;padding:28px 22px;font-size:18px;font-weight:600;min-height:100px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #34546704}.manor-entrance:hover{background:#edf3f7}.manor-note,.manor-empty{background:#edf2f6;border:1px solid #d9e3eb;padding:20px;border-radius:10px;font-size:13px;margin:24px 0}
.manor-filters{display:grid;grid-template-columns:1fr 1.4fr 1.2fr auto;align-items:end;gap:14px;padding:24px;background:#fff;border:1px solid #d9e3eb;border-radius:12px;margin:24px 0 34px}.manor-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}.manor-filters input,.manor-filters select{width:100%;min-width:0;min-height:46px;border:1px solid #bdcdd8;border-radius:7px;background:#fff;color:#293d4b;padding:10px;font:inherit;font-size:14px}.manor-filters button,.manor-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid #51778f;border-radius:7px;background:#51778f;color:#fff!important;padding:10px 18px;font-size:13px;cursor:pointer}.manor-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.manor-directory li{background:white;border:1px solid #d9e3eb;border-radius:9px;padding:16px;min-width:0}.manor-directory a{display:block;font-weight:600;overflow-wrap:anywhere;min-height:38px}.manor-directory span{font-size:11px;color:#718391}.manor-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:30px 0;font-size:13px}.manor-pagination a{min-height:44px;display:inline-flex;align-items:center}.manor-sort{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.manor-sort a{padding:10px 20px;background:white;border:1px solid #c9d6de;border-radius:8px;font-size:13px;min-height:44px}.manor-sort .is-active{background:#e5eef4;border-color:#6f91a7;font-weight:700;box-shadow:inset 0 -3px #51778f}
.manor-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.manor-work{min-width:0}.manor-cover{height:210px;padding:10px;background:#eaf0f4;border:1px solid #d9e3eb;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden}.manor-cover img{max-height:100%;width:100%;height:100%;object-fit:contain}.manor-work h2{font-size:13px;font-family:inherit;line-height:1.7;margin:10px 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.manor-work p{font-size:11px;line-height:1.7;color:#718391;margin:0}.manor-no-image{color:#718391;font-size:12px}.manor-related{border-top:1px solid #d9e3eb;padding:20px 0;margin-top:36px}.manor-related a{display:inline-flex;min-height:44px;align-items:center}.manor-article{background:transparent;border:0;padding:0;border-radius:0;overflow-wrap:anywhere}.manor-article p{font-size:16px;line-height:2;margin:18px 0}.manor-article section{margin-top:52px;scroll-margin-top:24px}.manor-article h2{font-size:23px;border-left:3px solid #91afc2;padding-left:14px;margin:0 0 22px}.manor-article h3{font-size:18px;line-height:1.7;margin:30px 0 14px}.manor-editor-slot{padding:20px;background:#f3f6f8;border:1px dashed #bccdd8;border-radius:9px}.manor-editor-slot p{color:#647e8f;font-size:13px}.manor-item-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.manor-item-cover{display:block;width:auto;max-width:100%;height:auto;max-height:620px;margin:0 auto;object-fit:contain;background:transparent}.manor-facts{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:16px 0 24px;font-size:13px}.manor-facts dt{color:#718391}.manor-facts dd{margin:0;overflow-wrap:anywhere}.manor-samples{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#91afc2 #edf2f6}.manor-samples:focus-visible{outline:2px solid #51778f;outline-offset:4px}.manor-samples img{display:block;width:100%;height:auto;object-fit:contain;align-self:start;scroll-snap-align:start;background:#f1f4f6}.manor-relations{list-style:none;padding:0}.manor-relations li{display:flex;flex-wrap:wrap;gap:4px 16px;border-bottom:1px solid #e3eaf0;padding:12px 0;font-size:13px}.manor-relations li span{flex:1 1 100%}.manor-relations a{min-height:44px;display:inline-flex;align-items:center}.manor-footer{max-width:1200px;margin:auto;padding:24px 28px;border-top:1px solid #d9e3eb;color:#718391;font-size:11px;line-height:1.9}
@media(max-width:1000px){.manor-filters{grid-template-columns:1fr 1fr}.manor-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manor-entrances,.manor-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.manor-header>div{padding:10px 18px;gap:8px}.manor-demo-label{font-size:9px;max-width:75px;text-align:right}.manor-header nav{padding:0 18px 10px;gap:6px}.manor-header nav a{font-size:11px}main.manor-main{padding:24px 16px 36px}.manor-main h1{font-size:25px}.manor-lead{font-size:14px}.manor-entrances{gap:12px}.manor-entrance{padding:20px 14px;font-size:14px;min-height:90px}.manor-filters{grid-template-columns:1fr;padding:20px;gap:16px}.manor-directory{grid-template-columns:1fr}.manor-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.manor-cover{height:165px;padding:6px}.manor-sort{gap:6px}.manor-sort a{padding:10px 12px;font-size:12px}.manor-article{padding:0}.manor-article h2{font-size:21px}.manor-article h3{font-size:17px}.manor-article p{font-size:15px}.manor-item-overview{grid-template-columns:1fr;gap:18px}.manor-item-cover{height:auto;max-height:500px}.manor-editor-slot{padding:14px}.manor-samples{grid-auto-columns:88%}.manor-footer{padding:22px 18px}}

.manor-editor-status{padding:22px;border:1px solid #adc5d4;background:#edf4f8;border-radius:10px;margin:28px 0}.manor-editor-status p{font-size:13px}.manor-article>p,.manor-article>h2{overflow-wrap:anywhere}

.manor-document .manor-main h1{font-size:24px;line-height:1.6;margin:0 0 20px}.manor-article-header{margin-bottom:20px}.manor-article-header p.manor-pr{font-size:12px;line-height:1.8;color:#647783;margin:0 0 20px}.manor-hero{position:relative;width:100%;aspect-ratio:16/9;background:#f1f4f6;display:flex;align-items:center;justify-content:center;margin:0 0 24px}.manor-hero>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.manor-hero-external{position:absolute;right:10px;bottom:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:#ffffffed;color:#385e76;box-shadow:0 1px 4px #293d4b26;pointer-events:none}.manor-hero-external svg{width:18px;height:18px}.manor-toc{margin:32px 0 40px;padding:22px 26px;background:#f6f8fa;border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9}.manor-toc h2{font-size:17px;border:0;padding:0;margin:0 0 12px}.manor-toc ol{padding-left:22px;margin:0}.manor-toc li{padding:5px 0}.manor-toc a{display:inline-block;padding:4px 0;font-size:14px}.manor-article-figure{margin:26px 0}.manor-article-figure figcaption{font-size:12px;text-align:center;color:#647783;margin-top:10px}.manor-facts{grid-template-columns:minmax(90px,auto) minmax(0,1fr);border-top:1px solid #e3eaf0;padding-top:18px}.manor-samples{max-width:680px;margin:24px auto}.manor-article-lead{font-size:16px}.manor-document .manor-editor-status{border-radius:0}
@media(max-width:640px){.manor-document .manor-main h1{font-size:20px;line-height:1.65}.manor-toc{padding:18px}.manor-article section{margin-top:40px}.manor-facts{gap:12px 14px}.manor-article .manor-button{text-align:center}}

/* Shared white reading areas; smartphone is the base, PC adds navigation. */
.manor-layout{max-width:1024px;margin:0 auto;padding:24px 0 40px}
.manor-layout>main.manor-main,.manor-layout>main.intro-main{min-width:0;width:100%;max-width:720px;margin:0 auto;padding:32px 24px 48px;background:#fff}
.manor-layout .intro-article{padding:0;background:transparent;border:0;border-radius:0}
.manor-sidebar{display:none}
@media(min-width:1100px){
 .manor-layout{display:grid;grid-template-columns:minmax(0,720px) 240px;gap:24px;padding:32px 20px 48px;align-items:start}
 .manor-layout>main.manor-main,.manor-layout>main.intro-main{margin:0;padding:36px 32px 48px}
 .manor-sidebar{display:block;min-width:0;align-self:stretch}
 .manor-sidebar-inner{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:22px 20px;background:#fff;scrollbar-width:thin}
 .manor-sidebar nav{padding:0 0 20px}
 .manor-sidebar nav:last-child{padding-bottom:0}
 .manor-sidebar h2{font-size:15px;line-height:1.6;margin:0 0 12px;color:#293d4b}
 .manor-sidebar ul{list-style:none;margin:0;padding:0}
 .manor-sidebar li{margin:0;font-size:13px;line-height:1.7}
 .manor-sidebar a{display:block;min-height:38px;padding:7px 4px;overflow-wrap:anywhere;border-radius:5px}
 .manor-sidebar a:hover{background:#edf2f6}
 .manor-sidebar-toc{padding:0}
 .manor-sidebar-toc ol{padding-left:18px;margin:0}
 .manor-sidebar-toc a{padding-left:2px}
}
@media(max-width:640px){
 .manor-layout{padding:24px 0 0}
 .manor-layout>main.manor-main,.manor-layout>main.intro-main{padding:24px 18px 36px}
}

/* Short, readable exchanges using the original TOP illustration. */
.manor-dialogue{margin:28px 0 32px}
.manor-talk.is-customer{grid-template-columns:minmax(0,1fr) 56px;margin-left:36px}
.is-customer>.manor-avatar{grid-column:2;grid-row:1}
.is-customer>.manor-talk-content{grid-column:1;grid-row:1}
.is-customer .manor-speaker{text-align:right}
.is-customer .manor-avatar{width:56px;height:56px;background:#fff;border:2px solid #111;border-radius:50%}
.manor-article .manor-answer-details p{font-size:16px;line-height:1.85;margin:16px 0}
.manor-dialogue mark{background:transparent;color:inherit}
.manor-talk-transition{grid-template-columns:48px minmax(0,1fr)}
.manor-talk-transition .manor-avatar,.manor-talk-transition .manor-avatar{width:44px;height:44px}
.manor-talk{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start;margin:22px 0}
.manor-avatar{display:block;width:56px;height:56px;border-radius:50%;border:1px solid #d5e0e7;background-color:#f1f5f8;overflow:hidden}
.manor-avatar-beginner svg{display:block;width:100%;height:100%}
.manor-avatar-maid{background-image:url("maid-top-v2.webp");background-repeat:no-repeat;background-size:470% auto;background-position:82% 12%}
.manor-talk-content{min-width:0}
.manor-speaker{display:block;color:#647783;font-size:12px;font-weight:600;margin:0 0 6px}
.manor-bubble{padding:14px 18px;background:#f4f6f8;border:1px solid #e0e7ec;border-radius:10px}
.is-maid .manor-bubble{background:#f3f8fb;border-color:#cddfe9}
.manor-article .manor-bubble p{font-size:16px;line-height:1.85;margin:0 0 12px}
.manor-article .manor-bubble p:last-child{margin-bottom:0}
.manor-dialogue .manor-bubble mark:first-of-type,.manor-savings-guide mark{background:linear-gradient(transparent 55%,#f6e9a4 55%);color:inherit;font-weight:650;padding:0 .05em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.manor-article p.manor-dialogue-note{font-size:12px;line-height:1.85;color:#647783;margin:18px 0}
.manor-savings-link{display:block;padding:20px;border:1px solid #a8c2d2;border-radius:8px;background:#edf5fa;margin:22px 0;line-height:1.8}
.manor-savings-link>span{display:block;font-size:12px;margin-bottom:5px;color:#647783}
.manor-savings-link>strong{font-size:16px}
.manor-talk-transition{margin-top:28px}
.manor-savings-guide{scroll-margin-top:24px}
.manor-savings-guide h3{font-size:16px;margin:24px 0 12px}
.manor-savings-guide li{font-size:14px;line-height:1.9;margin:12px 0}
.manor-savings-guide .manor-guide-example{padding:16px;background:#f3f8fb;border-left:3px solid #91afc2}
@media(max-width:640px){
 .manor-talk{grid-template-columns:44px minmax(0,1fr);gap:10px;margin:24px 0}
 .manor-talk.is-customer{grid-template-columns:minmax(0,1fr) 44px;margin-left:20px}
 .is-customer .manor-avatar{width:44px;height:44px}
 .manor-avatar{width:48px;height:48px}
 .manor-bubble{padding:12px}
 .manor-article .manor-bubble p{font-size:16px;line-height:1.85}
 .manor-savings-link{padding:16px}
 .manor-savings-link>strong{font-size:15px}
}

/* Source facts, editorial guidance and scoped article links. */
.manor-maid-note{margin:24px 0}
.manor-note-speaker{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.manor-note-speaker .manor-avatar{width:44px;height:44px}
.manor-note-speaker .manor-speaker{margin:0}
.manor-maid-copy{font-size:16px;line-height:1.85}
.manor-article .manor-maid-copy p{font-size:16px;line-height:1.85;margin:14px 0}
.manor-source-description{font-size:15px;line-height:1.9}
.manor-related-links{list-style:none;padding:0;margin:16px 0}
.manor-related-links li{border-bottom:1px solid #e3eaf0}
.manor-related-links a{display:block;padding:12px 0;min-height:44px;font-size:15px}
.manor-article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;list-style:none;padding:0;margin:20px 0}
.manor-article-cards li{min-width:0}
.manor-article-cards a{display:block}
.manor-article-card-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#f1f4f6;overflow:hidden}
.manor-article-card-cover img{width:100%;height:100%;object-fit:contain}
.manor-article-card-title{display:block;font-size:14px;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}
.manor-toc li.manor-toc-level-3{padding-left:14px}
.manor-document h2[id],.manor-document h3[id]{scroll-margin-top:24px}

/* Only short spoken notes receive a speech balloon. Editorial prose remains plain. */
.manor-maid-note .manor-bubble{position:relative;background:#f3f8fb;border-color:#cddfe9}
.manor-maid-note .manor-bubble::before{content:"";position:absolute;top:-6px;left:17px;width:10px;height:10px;transform:rotate(45deg);background:#f3f8fb;border-top:1px solid #cddfe9;border-left:1px solid #cddfe9}
.manor-article .manor-maid-copy.manor-bubble p:first-child{margin-top:0}
.manor-article .manor-maid-copy.manor-bubble p:last-child{margin-bottom:0}