/* Scoped browser annotation candidate. Shared headers own their safe area once. */
body[data-page=knowledge-category] .knowledge-category-header,
.sp-header,.lg-header,.hp-header,.lg-entry-header,
#knowledge-rules.kg-creation .kg-header,#knowledge-rules.kg-preview .kg-header{
 box-sizing:border-box;height:72px;height:calc(72px + env(safe-area-inset-top,0px));min-height:72px;min-height:calc(72px + env(safe-area-inset-top,0px));
 padding:12px 16px!important;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px!important;margin:0!important;flex-shrink:0;
}
body[data-page=knowledge-category] .knowledge-category-header{height:calc(72px + env(safe-area-inset-top,0px))!important;min-height:calc(72px + env(safe-area-inset-top,0px))!important}
.hp-header h1,.sp-header h1,.lg-header h1{font-size:20px;line-height:28px;font-weight:600;margin:0;min-width:0}
.lg-entry-header{margin:0 -16px!important;width:calc(100% + 32px)}
@media(max-width:360px){.lg-entry-header{margin:0 -12px!important;width:calc(100% + 24px)}}
#utility.personal-drawer .drawer-nav button>span,#utility.personal-drawer .drawer-module-link>span,#utility.personal-drawer .drawer-tools .menu-row>span{font-size:16px;line-height:24px;font-weight:500}
#utility.personal-drawer .drawer-module-link{display:flex;align-items:center;flex:1;min-width:0;min-height:44px;padding:0;background:transparent;border:0;text-align:left}
#utility.personal-drawer .drawer-module-link svg{width:20px;height:20px;flex:none;margin-right:12px}
#utility.personal-drawer .drawer-module-link>span{min-width:0;overflow-wrap:break-word}
#utility.personal-drawer .drawer-module{padding:4px 8px}
#utility.personal-drawer .drawer-tools .menu-row{padding:12px 8px;min-height:48px}
#utility.personal-drawer .drawer-profile strong{font-size:19px;line-height:27px;font-weight:600;overflow-wrap:break-word}
#utility.personal-drawer .drawer-counts strong{font-size:28px;line-height:36px;font-weight:600}
#utility.personal-drawer .drawer-counts span,#utility.personal-drawer .drawer-month-label{font-size:12px;line-height:18px;font-weight:400}
#utility.comments-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%!important;height:100%;height:var(--comments-height,100%);max-height:none!important;margin:0;padding:0;border:0;border-radius:0;background:#f7f7f7;box-shadow:none;overflow:hidden;animation:none}
#utility.comments-page[open]{display:flex;flex-direction:column}
#utility.comments-page>.dialog-head{position:relative;top:0;margin:0;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));height:calc(72px + env(safe-area-inset-top,0px));min-height:calc(72px + env(safe-area-inset-top,0px));display:flex;flex-direction:row;align-items:center;flex:none;background:#f7f7f7;border:0}
#utility.comments-page #utility-close{order:-1;width:44px;height:44px;min-width:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:none}
#utility.comments-page #utility-close svg{width:24px;height:24px}
#utility.comments-page #utility-title{font-size:20px;line-height:28px;font-weight:600;margin:0;flex:1}
#utility.comments-page #utility-body{overflow:auto;min-height:0;flex:1;padding:0 16px calc(24px + env(safe-area-inset-bottom,0px));scrollbar-width:none;-webkit-overflow-scrolling:touch}
#utility.comments-page::-webkit-scrollbar,#utility.comments-page *::-webkit-scrollbar{display:none}
.comments-page .settings-group{margin:0 0 24px;padding:0}
.comments-page .settings-group h3{font-size:13px;line-height:20px;font-weight:500;color:#737373;margin:16px 8px 8px}
.comments-page .settings-group .menu-row{display:flex;align-items:center;min-height:56px;padding:12px;background:#fff;border:0;border-bottom:1px solid #f1f1f1;text-align:left;width:100%;font-size:16px;line-height:24px;font-weight:400}
.comments-page .settings-group .menu-row:first-of-type{border-radius:16px 16px 0 0}.comments-page .settings-group .menu-row:last-child{border-radius:0 0 16px 16px;border-bottom:0}.comments-page .settings-group .menu-row:only-of-type{border-radius:16px}
.comments-page .menu-row svg{width:20px;height:20px;flex:none;margin-right:12px}.comments-page .menu-row>span{flex:1;min-width:0}.comments-page .menu-row svg:last-child{margin:0 0 0 8px;width:16px;height:16px;color:#8a8a8a}
.comments-page .local-form{padding:16px;background:#fff;border-radius:16px;margin:8px 0 0}
.comments-page .local-form>label{display:block;font-size:14px;line-height:22px;margin:16px 0 8px}.comments-page .local-form>label:first-child{margin-top:0}
.comments-page .local-form .check-row{display:flex;align-items:center}.comments-page input[type=checkbox]{width:20px;height:20px;margin-right:8px}
.comments-page .dialog-note{font-size:13px;line-height:21px;color:#737373;margin:12px 8px}
.comments-page .dialog-actions{position:static;display:flex;padding:16px 0 0;margin:0;background:transparent}.comments-page .dialog-actions>*{flex:1;min-height:44px}.comments-page .dialog-actions>*+*{margin-left:12px}
#utility.calendar-dialog .calendar-grid{touch-action:pan-y;user-select:none;-webkit-user-select:none}
@media(min-width:762px){#utility.comments-page{left:50%;right:auto;transform:translateX(-50%);width:520px;max-width:520px!important}}
body[data-page=knowledge-compose] #view{padding:0!important;max-width:none}
.comments-compose.knowledge-compose-screen{min-height:0;height:100%;border-radius:0;max-width:720px;margin:auto}
.comments-compose .knowledge-full-form{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.comments-compose .knowledge-compose-header{height:72px;height:calc(72px + env(safe-area-inset-top,0px));min-height:72px;min-height:calc(72px + env(safe-area-inset-top,0px));margin:0;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));display:flex;align-items:center;flex:none}
.comments-compose .knowledge-compose-header h1{flex:1;min-width:0;font-size:20px;line-height:28px;font-weight:600;margin:0}
.comments-compose .knowledge-compose-header>button:first-child{width:44px;height:44px;min-width:44px;padding:0;background:transparent;display:flex;align-items:center;justify-content:center}
.comments-compose .knowledge-compose-header>button:first-child svg{width:24px;height:24px}
.comments-compose .knowledge-full-save{min-height:44px;min-width:64px;border-radius:22px;padding:0 16px;font-size:16px}
.comments-compose-tabs{display:flex;border-bottom:1px solid #eee;flex:none;padding:0 16px}
.comments-compose-tabs button{flex:1;height:48px;background:transparent;border:0;font-size:16px;color:#777}
.comments-compose-tabs [aria-selected=true]{font-weight:600;color:#202020;box-shadow:inset 0 -2px #202020}
.comments-compose-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:0 16px;overscroll-behavior:contain}
.comments-compose-scroll::-webkit-scrollbar,.comments-compose textarea::-webkit-scrollbar{display:none}
.comments-compose [role=tabpanel][hidden]{display:none!important}
#knowledge-panel-writing{min-height:100%;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}
.comments-compose #knowledge-title{width:100%;margin:16px 0 8px;padding:0;min-height:44px;border:0;border-radius:0;font-size:24px;line-height:32px;font-weight:600;background:transparent}
.comments-compose .knowledge-chips{padding:0;margin:0 0 16px;min-height:44px;flex-shrink:0;overflow-x:auto}
.comments-compose #knowledge-text{width:100%;flex:1;min-height:200px;margin:0;padding:0 0 16px;font:16px/28px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;border:0;background:none;resize:none;scrollbar-width:none}
.comments-compose .knowledge-toolbar{position:sticky;bottom:0;width:100%;margin:0;padding:8px 0;background:#fff;min-height:60px;flex:none;z-index:1}
.comments-compose .knowledge-toolbar button{width:44px;height:44px;background:none}
.comments-compose .knowledge-extra{display:block;border:0;padding:16px 0;margin:0}
.comments-compose .knowledge-extra label{display:block;font-size:14px;line-height:22px;margin:0 0 8px}
.comments-compose .knowledge-extra input{width:100%;margin:0 0 24px;min-height:48px;font-size:16px}
.comments-reference-attachments h2{font-size:14px;line-height:22px;font-weight:500;margin:0 0 12px}.comments-reference-attachments p{font-size:14px;color:#777}.comments-reference-attachments button{min-height:44px;margin:12px 0 24px;display:flex;align-items:center}.comments-reference-attachments svg{width:20px;height:20px;margin-right:8px}
.comments-compose .sheet-error:empty{display:none}.comments-compose .sheet-error{margin:8px 16px;flex:none}
.comments-compose input:focus,.comments-compose textarea:focus{outline:2px solid #777;outline-offset:3px}
@media(max-height:600px){.comments-compose #knowledge-text{min-height:120px}}
/* Override inherited surface rules at the complete-page boundary. */
#utility.comments-page .settings-group{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 24px}
#utility.comments-page .settings-group h3{font-size:13px;line-height:20px;font-weight:500;padding:0;margin:16px 8px 8px;color:#737373}
#utility.comments-page .settings-group .menu-row{gap:0}
body[data-page=knowledge-compose] #view{height:100%}
.comments-compose .knowledge-compose-header .knowledge-full-save{color:#fff;background:#202020}
.comments-compose .knowledge-compose-header .knowledge-full-save:disabled{color:#777;background:#eee;opacity:1}
/* The same header family owns safe-area spacing; ancestors add no top inset. */
.memo-header,.knowledge-home-header,.knowledge-detail-header,.knowledge-edit-header,.kg-header,.dr-header{
 box-sizing:border-box;height:72px!important;height:calc(72px + env(safe-area-inset-top,0px))!important;min-height:72px!important;min-height:calc(72px + env(safe-area-inset-top,0px))!important;
 margin-top:0!important;padding:12px 16px!important;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px!important;flex-shrink:0;
}
.knowledge-category-header h1{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word}
@media(min-width:762px){#utility.comments-page{width:480px;max-width:480px!important}}
.comments-compose #knowledge-title{font-size:24px!important;line-height:32px}
.comments-compose .knowledge-chips:empty{display:none;min-height:0;margin:0;padding:0}
body[data-page=home] .topbar{height:calc(72px + env(safe-area-inset-top,0px))!important;min-height:calc(72px + env(safe-area-inset-top,0px));flex-basis:calc(72px + env(safe-area-inset-top,0px));padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px!important}
.daily-reference .week-calendar{height:calc(77px + env(safe-area-inset-top,0px));padding-top:calc(12px + env(safe-area-inset-top,0px))!important}
#utility.personal-drawer{padding-top:max(32px,env(safe-area-inset-top,0px))}
#utility.comments-page *{scrollbar-width:none}