/* 技術文件：沿用共用側欄，以獨立樣式呈現文章閱讀區。 */
.kbChildren{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .24s ease;}
.kbChildren.is-open{grid-template-rows:1fr;opacity:1;}
.kbChildren__inner{min-height:0;overflow:hidden;}
.technicalDocs .pageSideLayout__content{position:relative;}
.kbContentStage{opacity:1;transition:opacity .22s ease,filter .22s ease;}
.is-switching>.kbContentStage{opacity:0;filter:blur(3px);}
.technicalDocs .pageSideLayout__content[aria-busy="true"]>.kbContentStage{pointer-events:none;}
.kbLoading{position:absolute;top:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #e9e1d7;border-radius:8px;background:#fffef9;box-shadow:0 4px 18px #61584912;color:#927847;font-size:14px;pointer-events:none;}
.kbLoading[hidden]{display:none;}
.kbLoading__spinner{width:16px;height:16px;border:2px solid #e8dcc5;border-top-color:#aa8d55;border-radius:50%;animation:kb-spin .7s linear infinite;}
@keyframes kb-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.kbChildren,.kbContentStage{transition:none;}.kbLoading__spinner{animation:none;}}
.kbGroup,.kbCategory{display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;cursor:pointer;}
.kbGroup>.material-symbols-outlined{flex:0 0 auto;font-size:22px;color:#aa8d55;}
.kbCategory>.material-symbols-outlined{flex:0 0 auto;font-size:18px;color:#a29889;}
.kbNavLabel{min-width:0;line-height:1.6;}
.kbCount{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 5px;border-radius:4px;background:#FFF;border:1px solid #dcdcdc;color:#8e8474;font-size:11px;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums;}
.kbGroup{padding:14px 18px;border:0;color:#615849;font-size:18px;font-weight:700;}
.kbGroup>.kbGroup__chevron{margin-left:auto;font-size:20px;color:#615849;transition:transform .3s ease;}
.kbGroup[aria-expanded="true"]{background:#f4ecdd;color:#927847;}
.kbGroup[aria-expanded="true"]>.kbGroup__chevron{transform:rotate(90deg);}
.kbGroup[aria-current],.kbCategory[aria-current]{background:#f4ecdd;color:#927847;}
.kbCategory{padding:15px 18px 13px 30px;border-left:3px solid transparent;color:#817768;font-size:16px;}
.kbCategory[aria-current]{border-left-color:#aa8d55;background:#fcfaf6;}
.kbGroup:focus-visible,.kbCategory:focus-visible,.kbArticleCard:focus-visible{outline:2px solid #aa8d55;outline-offset:-2px;}
.technicalDocs__sidebar .kbArticleLink{grid-template-columns:minmax(0,1fr);padding:9px 18px 9px 61px;min-height:42px;font-size:15px;color:#1f1c16;line-height:1.6;cursor:pointer;}
.technicalDocs__sidebar .kbArticleLink[aria-current="page"]{color:#927847;background:linear-gradient(to left,#aa8d5526,transparent);}
.kbGroup:hover,.kbCategory:hover{background:#faf6ed;}
.kbArticleList{text-align:left;}
.kbListHeader{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;}
.kbListHeader>h2{margin:0;font-size:30px;line-height:1.5;color:#51483c;}
.kbListHeading{margin:0;padding-left:24px;border-left:1px solid #e5dfd5;font-size:24px;font-weight:400;line-height:1.5;color:#776950;}
.kbListHeader>h2,.kbListHeading{display:flex;align-items:center;gap:10px;min-width:0;}
.kbListHeader .material-symbols-outlined{flex:0 0 auto;font-size:24px;color:#aa8d55;}
.kbListHeading .material-symbols-outlined{font-size:20px;color:#a29889;}
.kbListHeader.is-reading{margin-bottom:32px;padding-bottom:0;border-bottom:0;}
.kbListMeta{margin:12px 0 24px;color:#918777;font-size:14px;}
.kbArticleCard{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:32px;position:relative;margin:0;padding:28px 0 32px;border:0;border-top:1px solid #e5dfd5;border-radius:0;background:#fff;color:#615849;text-decoration:none;cursor:pointer;}
.kbArticleCard__image{grid-column:2;grid-row:1;}
.kbArticleCard__content{grid-column:1;grid-row:1;}
.kbArticleCard__image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px;background:#f3ece6;}
.kbArticleCard__content{min-width:0;}
.kbArticleCard.kbArticleCard--text{grid-template-columns:minmax(0,1fr);}
.kbArticleCard--text .kbArticleCard__content{grid-row:1;grid-column:1;}
.kbRetry{margin-top:16px;padding:10px 18px;border:1px solid #e5dfd5;background:#fff;color:#927847;border-radius:4px;cursor:pointer;}
.technicalDocs__body img{max-width:100%;height:auto;}
.kbArticleCard__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;}
.kbArticleCard__meta time{padding-left:14px;border-left:1px solid #e5dfd5;color:#918777;font-size:13px;line-height:1.6;}
.kbArticleCard:hover{background:#fdfbf7;}
.kbArticleCard h3{margin:18px 0 10px;font-size:24px;line-height:1.5;color:#51483c;}
.kbArticleCard p{margin:0;color:#918777;font-size:16px;line-height:1.8;}
.kbRead{display:block;margin-top:24px;font-size:15px;color:#a18143;}
.kbArticleList[hidden]{display:none;}
.technicalDocs .pageSideLayout__content{min-width:0;scroll-margin-top:110px;}
@media(max-width:1100px){.kbArticleCard{grid-template-columns:minmax(0,1fr) 210px;gap:24px;}.kbArticleCard h3{font-size:21px;}}
@media(max-width:600px){.kbArticleCard{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0;}.kbArticleCard__image{grid-column:1;grid-row:1;max-height:220px;}.kbArticleCard__content{grid-column:1;grid-row:2;}.kbListHeader{gap:6px 14px;}.kbListHeader>h2{font-size:23px;}.kbListHeading{font-size:18px;padding-left:14px;}.kbArticleCard p{font-size:14px;}.kbArticleCard__meta time{font-size:12px;}.kbRead{margin-top:18px;}}
body[page="docs"] #main-content>centerwrap{display:block;width:100%;box-sizing:border-box;padding-right:20px;padding-left:20px;}
body[page="docs"]{background:#fff;}
.technicalDocs{width:min(1344px,100%);margin:0 auto;padding-bottom:64px;color:#615849;}
.pageHeader.kbHero{display:block;width:100%;margin:0;background:#f5ecdc url('/assets/img/knowledge/hero-room.jpg') center/cover no-repeat;}
.kbHero__inner{width:min(1344px,calc(100% - 40px));margin:0 auto;padding:38px 0 10px;}
.kbHero h1{text-align:center;font-size:40px;font-weight:700;letter-spacing:.06em;line-height:1.3;color:#433a2d;}
.kbHero .technicalDocs__intro{margin:12px 0 16px;font-size:16px;line-height:1.8;color:#51483c;text-align:center;}
.kbHero .pageBreadcrumbs{width:max-content;max-width:100%;margin:0;padding:8px 12px;min-height:36px;background:#ffffffe0;border-radius:4px;color:#51483c;}
.technicalDocs__layout{grid-template-columns:280px minmax(0,1fr);gap:44px;padding-top:36px;}
.technicalDocs__sidebar{background:#fff;border:0;border-right:1px solid #e5dfd5;border-radius:0;overflow:visible;}
.technicalDocs__category{padding:20px 16px 9px;color:#9b917f;font-size:15px;text-align:left;letter-spacing:.08em;}
.technicalDocs__category[hidden],.technicalDocs__searchStatus[hidden],.technicalDocs__empty[hidden]{display:none;}
.technicalDocs__search{padding:0 28px 28px 0;text-align:left;}
.technicalDocs__search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.technicalDocs__search label{display:block;margin-bottom:8px;font-size:12px;color:#918777;}
.technicalDocs__searchInput{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e1d9cf;border-radius:5px;background:#fff;}
.technicalDocs__searchInput:focus-within{border-color:#aa8d55;box-shadow:0 0 0 2px #aa8d551a;}
.technicalDocs__searchInput>.material-symbols-outlined{flex:0 0 auto;font-size:20px;color:#aa8d55;}
.technicalDocs__searchInput input{min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:#615849;font:inherit;font-size:14px;line-height:1.6;}
.technicalDocs__searchInput input::placeholder{color:#a29889;}
.technicalDocs__searchStatus{margin:8px 0 0;font-size:12px;color:#918777;line-height:1.6;}
.technicalDocs__empty{margin:20px 16px;font-size:13px;color:#918777;line-height:1.8;text-align:left;}
.technicalDocs__sidebar .pageSideNav__link{min-height:42px;border-bottom:0;}
.technicalDocs__sidebarNote{margin:20px 16px;padding-top:16px;border-top:1px solid #e7dfd5;color:#a29889;font-size:12px;line-height:1.8;text-align:left;}
.technicalDocs__article{background:#fff;border:0;border-radius:0;padding:0;text-align:left;scroll-margin-top:120px;}
.technicalDocs__article[hidden]{display:none;}
.technicalDocs__article:focus-visible{outline:2px solid #aa8d55;outline-offset:5px;}
.technicalDocs__articleHeader{display:flex;flex-direction:column;padding-bottom:0;border-bottom:0;}
.technicalDocs__articleHeader>.technicalDocs__tag{display:none;}
.technicalDocs__articleHeader>.technicalDocs__meta{order:1;margin:0 0 24px;font-size:14px;color:#918777;}
.technicalDocs__articleHeader>p{order:2;}
.technicalDocs__tag{display:inline-block;padding:4px 10px;border:1px solid #e8dcc5;border-radius:4px;background:#fbf7ef;color:#aa8d55;font-size:12px;}
.technicalDocs__articleHeader h2{margin:0 0 12px;font-size:40px;font-weight:700;line-height:1.4;color:#51483c;letter-spacing:.02em;}
.technicalDocs__articleHeader p{margin:0;padding:22px 28px;border-left:3px solid #b29350;background:#faf8f2;font-size:20px;font-weight:700;line-height:1.8;color:#aa8d55;}
.technicalDocs__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;color:#a39a8e;font-size:12px;}
.technicalDocs__body{font-size:15px;line-height:1.95;overflow-wrap:anywhere;}
.technicalDocs__body>p{margin:24px 0;}
.technicalDocs__body h3{margin:32px 0 12px;color:#aa8d55;font-size:20px;font-weight:700;line-height:1.6;}
.technicalDocs__body ul{display:block;margin:16px 0;padding-left:22px;list-style:disc;}
.technicalDocs__body li{display:list-item;margin:8px 0;list-style:disc;}
.technicalDocs__body ol{display:block;padding-left:24px;list-style:decimal;}
.technicalDocs__body ol>li{list-style:decimal;}
.technicalDocs__body h2{margin:32px 0 14px;color:#aa8d55;font-size:22px;line-height:1.6;}
.technicalDocs__body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px;line-height:1.7;}
.technicalDocs__body th,.technicalDocs__body td{padding:10px 12px;min-width:110px;border:1px solid #e7dfd5;text-align:left;vertical-align:top;}
.technicalDocs__body th{background:#faf6ed;color:#927847;}
.technicalDocs__body pre{max-width:100%;overflow:auto;padding:16px;background:#f8f6f2;border-radius:5px;font-size:13px;}
.technicalDocs__body a,.technicalDocs__meta a{color:#aa8d55;text-decoration:underline;cursor:pointer;}
.technicalDocs__example{margin:24px 0;padding:20px 24px;background:#f8f6f2;border-left:3px solid #c6b287;}
.technicalDocs__example>span{font-size:12px;color:#a28b60;font-weight:700;}
.technicalDocs__example p{margin:8px 0 0;}
.technicalDocs__callout{display:flex;align-items:flex-start;gap:12px;margin:30px 0;padding:20px;background:#faf6ed;border:1px solid #ede2cd;border-radius:6px;}
.technicalDocs__callout>.material-symbols-outlined{flex:0 0 auto;margin-top:4px;font-size:23px;color:#aa8d55;}
.technicalDocs__callout strong{color:#927847;font-size:15px;}
.technicalDocs__callout p{margin:5px 0 0;font-size:14px;}
.technicalDocs__articleFooter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e9e1d7;font-size:13px;color:#a09687;}
.technicalDocs__articleFooter a{display:inline-flex;align-items:center;gap:8px;color:#aa8d55;text-decoration:none;cursor:pointer;}
.technicalDocs__articleFooter a:hover{text-decoration:underline;}
.technicalDocs__articleFooter .material-symbols-outlined{font-size:20px;}
@media(max-width:900px){
  .kbHero__inner{padding-top:30px;}
  .kbHero h1{font-size:30px;}
  .kbHero .technicalDocs__intro{font-size:14px;max-width:32em;margin:12px auto 16px;}
  .kbHero .pageBreadcrumbs{display:flex;}
  .technicalDocs__layout{padding-top:24px;}
  .technicalDocs__sidebar{border:0;border-bottom:1px solid #e5dfd5;padding-bottom:16px;}
  .technicalDocs__search{padding-right:0;}
  .technicalDocs{box-sizing:border-box;}
  .technicalDocs__intro{font-size:14px;margin-bottom:20px;}
  .technicalDocs__sidebar{margin-bottom:24px;}
  .technicalDocs__category{padding-top:12px;}
  .technicalDocs__sidebarNote{margin-top:12px;}
  .technicalDocs__article{padding:0;scroll-margin-top:84px;}
  .technicalDocs__articleHeader h2{font-size:28px;}
  .technicalDocs__articleHeader p{padding:16px 18px;font-size:16px;}
  .kbListHeader.is-reading{margin-bottom:24px;}
  .technicalDocs__body h3{font-size:18px;}
  .technicalDocs__example{padding:16px 18px;}
  .technicalDocs__callout{padding:16px;}
}
