/* Explicit page frame shares the directory gutter; advertisements remain owned by DIVER. */
#post-779 .szctb-page{padding:0 var(--szal-content-gutter,24px) 24px;color:#2c3333;font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI",Meiryo,sans-serif}
#post-779 .szctb-page .szct-browser{margin-top:22px;margin-bottom:0}
/* Approved Ver.3 list. Theme/advertising/navigation stay outside this component. */
#post-779 .szct-browser{--paper:#fbf8f6;--ink:#2c3333;--muted:#64716d;--line:#e2e5df;--green:#355f52;--wash:#eaf0eb;--heading:#efebe6;--pink:#b54365;margin:22px 0;padding:0;border:0;box-shadow:none;background:transparent;color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif}
#post-779 .szct-browser *{box-sizing:border-box}
#post-779 .szct-browser [hidden]{display:none!important}
#post-779 .szct-browser button,#post-779 .szct-browser input,#post-779 .szct-browser select,#post-779 .szct-browser summary{font:inherit;color:inherit;letter-spacing:normal;margin:0;text-transform:none}
#post-779 .szct-browser button{background:#fff;border:1px solid #d8dfd9;border-radius:5px;padding:7px 12px;box-shadow:none;cursor:pointer;line-height:1.7}
#post-779 .szct-browser button:hover{background:var(--wash)}
#post-779 .szct-browser :is(button,input,select,summary,a):focus-visible{outline:2px solid var(--pink);outline-offset:2px}
#post-779 .szct-browser input,#post-779 .szct-browser select{background:#fff;border:1px solid #d2d9d3;border-radius:5px;padding:9px 10px;max-width:100%;min-width:0;box-shadow:none;height:auto}
#post-779 .szct-browser input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;margin:0;flex:none;appearance:auto}
#post-779 .szct-browser input[type=search]{appearance:none}
#post-779 .szct-browser .sakura-events-controls{display:block;margin:0;padding:0;border:0;background:none}
#post-779 .szct-browser .sakura-ev-date-tag,#post-779 .szct-browser .sakura-ev-cat{border:0;border-radius:0;background:none;padding:0;color:var(--muted);font-weight:400}
#post-779 .szct-browser .sakura-ev-title{margin:0;background:none}
#post-779 .szct-browser .sakura-events-table{margin:0;border:0;box-shadow:none}
#post-779 .szct-browser .sakura-events-table-wrap{margin:0;border:0;box-shadow:none;background:none;overflow:visible}
#post-779 .szct-browser .sakura-event-row::before{display:none}
#post-779 .szct-browser[data-ready]:not([data-ready=true]) .sakura-events-table-wrap{visibility:hidden}
#post-779 .szct-browser .szctb-status{font-size:12px;color:var(--muted);margin:10px 0}
#post-779 .szct-browser .scope{display:inline-flex;border:1px solid #d5dcd6;border-radius:6px;background:white;padding:3px;gap:2px;margin-bottom:14px}
#post-779 .szct-browser .scope button{border:0;background:none;min-width:100px;font-size:13px;padding:8px 14px}
#post-779 .szct-browser .scope button[aria-pressed=true]{background:var(--heading);color:var(--ink);box-shadow:inset 0 -2px var(--pink)}
#post-779 .szct-browser .search-row{display:flex;gap:8px;margin-bottom:10px}
#post-779 .szct-browser #szctb-query{flex:1;min-height:44px}
#post-779 .szct-browser #szctb-reset{font-size:12px;white-space:nowrap;min-height:44px;background:transparent}
#post-779 .szct-browser .filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#post-779 .szct-browser .filter-menu{position:relative;min-width:200px;flex:0 1 260px;max-width:100%}
#post-779 .szct-browser .filter-menu summary{list-style:none;display:flex;gap:14px;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #d5dcd6;border-radius:5px;background:#fff;font-size:12px;user-select:none}
#post-779 .szct-browser summary::-webkit-details-marker{display:none}
#post-779 .szct-browser summary>span:first-child{margin-left:auto;color:var(--green);font-weight:500;overflow-wrap:anywhere}
#post-779 .szct-browser .filter-menu[open]>summary{border-color:var(--green)}
#post-779 .szct-browser .filter-panel{position:absolute;z-index:5;top:calc(100% + 5px);left:0;width:560px;max-width:calc(100vw - 86px);padding:16px;background:var(--paper);border:1px solid #cfd8cf;border-radius:8px;box-shadow:0 6px 20px #243a2924;max-height:65vh;overflow:auto}
#post-779 .szct-browser .hint{font-size:11px;color:var(--muted);margin:4px 0 10px}
#post-779 .szct-browser fieldset{border:0;border-top:1px solid var(--line);padding:10px 0;margin:0}
#post-779 .szct-browser legend{padding:0;float:left;width:108px;font-size:12px;font-weight:600}
#post-779 .szct-browser legend label{min-height:36px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#post-779 .szct-browser legend small{font-size:10px;font-weight:400;color:var(--muted)}
#post-779 .szct-browser .panel-done{font-size:12px;display:block;margin:10px 0 0 auto;min-height:40px;background:var(--wash);color:var(--green)}
#post-779 .szct-browser .exclude{display:flex;gap:8px;align-items:center;font-size:12px;min-height:44px;white-space:nowrap}
#post-779 .szct-browser .period-panel{width:350px}
#post-779 .szct-browser .period-panel>label{font-size:12px;display:flex;align-items:center;gap:12px}
#post-779 .szct-browser .period-panel select{flex:1}
#post-779 .szct-browser .date-range{display:flex;gap:8px;align-items:end;margin-top:12px;font-size:11px}
#post-779 .szct-browser .date-range label{flex:1;min-width:0}
#post-779 .szct-browser .date-range input{display:block;width:100%;font-size:12px;padding:8px 5px}
#post-779 .szct-browser #szctb-date-error,#post-779 .szct-browser .conflict{color:#9c2f4e;font-size:11px;margin:8px 0}
#post-779 .szct-browser .selected-filters{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
#post-779 .szct-browser .selected-filters button{background:var(--wash);border-color:transparent;font-size:11px;padding:4px 9px;min-height:30px}
#post-779 .szct-browser .selected-filters button span{margin-left:8px}
#post-779 .szct-browser .result-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 10px}
#post-779 .szct-browser .sakura-events-count{font-size:12px;color:var(--muted);white-space:nowrap}
#post-779 .szct-browser .sakura-events-count strong{font-size:20px;color:var(--ink);margin-right:4px}
#post-779 .szct-browser .display-controls{display:flex;align-items:center;gap:12px;font-size:11px}
#post-779 .szct-browser .display-controls label{display:flex;gap:8px;align-items:center;white-space:nowrap}
#post-779 .szct-browser .display-controls select{border:0;background:transparent;padding:8px 2px;min-height:40px;font-size:12px}

#post-779 .szct-browser .sakura-events-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
#post-779 .szct-browser .sakura-events-table th{background:var(--heading);font-weight:500;font-size:11px;color:var(--muted);padding:7px 8px;text-align:left}
#post-779 .szct-browser .sakura-events-table td{font-size:13px;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;line-height:1.65}
#post-779 .szct-browser .sakura-event-row:hover,#post-779 .szct-browser .sakura-event-row:focus-within{background:var(--wash)}
#post-779 .szct-browser .sakura-events-table .sakura-ev-date{font-size:11px;white-space:nowrap;color:var(--muted)}
#post-779 .szct-browser .sakura-events-table .sakura-ev-cat{font-size:11px;color:var(--muted)}
#post-779 .szct-browser .sakura-ev-title{font-weight:500;font-size:13px}
#post-779 .szct-browser .szct-primary{display:inline-block;max-width:100%;color:var(--ink);text-decoration:underline;text-decoration-color:#b8c9bf}
#post-779 .szct-browser .szct-primary:hover,#post-779 .szct-browser .szct-page:hover{color:var(--pink)}
#post-779 .szct-browser .szct-primary>span{font-size:10px;color:var(--green);white-space:nowrap}
#post-779 .szct-browser .sakura-ev-place{font-size:11px;color:var(--muted);line-height:1.6;margin-top:1px}
#post-779 .szct-browser .sakura-ev-detail{font-size:11px!important;line-height:1.65;color:var(--muted)}
#post-779 .szct-browser .sakura-ev-detail p{margin:0}
#post-779 .szct-browser .szct-page{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:54px;font-size:11px;white-space:nowrap}
#post-779 .szct-browser .szct-action{text-align:right}
#post-779 .szct-browser .sakura-events-table,#post-779 .szct-browser .sakura-events-table tbody{display:block}
#post-779 .szct-browser .sakura-events-table thead{display:grid;grid-template-columns:92px 105px 1fr 80px}
#post-779 .szct-browser .sakura-events-table thead tr{display:contents}
#post-779 .szct-browser .sakura-events-table thead th:last-child{display:none}
#post-779 .szct-browser .sakura-event-row{display:grid;grid-template-columns:92px 105px minmax(0,1fr) 80px;column-gap:0;padding:0;border-bottom:1px solid var(--line)}
#post-779 .szct-browser .sakura-event-row td{border:0}
#post-779 .szct-browser .sakura-ev-detail:not(:empty){grid-column:3 / -1;padding-top:0;margin-top:-2px;padding-bottom:9px}
#post-779 .szct-browser .sakura-ev-detail:empty{display:none}
#post-779 .szct-browser .sakura-event-row.is-year-start{border-top:2px solid #cbd5cc}
#post-779 .szct-browser #szctb-empty{padding:30px 12px;text-align:center;color:var(--muted);font-size:13px}

@media(max-width:700px){
#post-779 .szct-browser .scope{display:flex;width:100%;margin-bottom:12px}
#post-779 .szct-browser .scope button{flex:1;min-width:0;min-height:40px}
#post-779 .szct-browser .search-row{gap:6px}
#post-779 .szct-browser #szctb-query{font-size:13px;width:0}
#post-779 .szct-browser #szctb-reset{padding:7px 8px;font-size:11px}
#post-779 .szct-browser .filter-row{gap:6px}
#post-779 .szct-browser .filter-menu{flex:1;min-width:0}
#post-779 .szct-browser .filter-menu summary{gap:6px;padding:8px;font-size:11px}
#post-779 .szct-browser .exclude{flex-basis:100%;min-height:34px;font-size:11px}
#post-779 .szct-browser .filter-panel{width:calc(100vw - 52px);max-width:none;padding:12px}
#post-779 .szct-browser #szctb-period-menu .filter-panel{left:auto;right:0}
#post-779 .szct-browser legend{width:90px}
#post-779 .szct-browser .result-bar{margin-top:13px;gap:4px}
#post-779 .szct-browser .display-controls{gap:6px}
#post-779 .szct-browser .display-controls label{gap:2px;font-size:10px}
#post-779 .szct-browser .display-controls select{font-size:11px}
#post-779 .szct-browser .sakura-events-count strong{font-size:18px}
#post-779 .szct-browser .sakura-events-count{font-size:10px}
#post-779 .szct-browser .sakura-events-table thead{display:none}
#post-779 .szct-browser .sakura-event-row{grid-template-columns:85px minmax(0,1fr) auto;padding:6px 0;align-items:center}
#post-779 .szct-browser .sakura-event-row td{padding:0 2px}
#post-779 .szct-browser .sakura-ev-date{grid-area:1/1;font-size:10px}
#post-779 .szct-browser .sakura-ev-cat{grid-area:1/2;font-size:10px}
#post-779 .szct-browser .szct-action{grid-area:1/3}
#post-779 .szct-browser .sakura-ev-main{grid-area:2/1/3/-1}
#post-779 .szct-browser .szct-page{min-height:28px;font-size:10px;padding:0 3px}
#post-779 .szct-browser .sakura-ev-detail:not(:empty){grid-area:3/1/4/-1;padding:2px 2px 0;margin:0;font-size:11px}
#post-779 .szct-browser .sakura-ev-title{line-height:1.7;font-size:13px}
#post-779 .szct-browser .sakura-ev-place{font-size:10px}
#post-779 .szct-browser .period-panel>label{font-size:11px}
}
#post-779 .szct-browser .filter-row{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px}
#post-779 .szct-browser .filter-menu{flex:none;width:100%;min-width:0;border:1px solid #d5dcd6;border-radius:6px}
#post-779 .szct-browser .filter-menu>summary{border:0;min-height:44px;background:transparent;padding:9px 12px}
#post-779 .szct-browser .filter-menu[open]>summary{border-bottom:1px solid var(--line);background:var(--heading);border-radius:5px 5px 0 0}
#post-779 .szct-browser .filter-menu>summary:hover{background:var(--wash)}
#post-779 .szct-browser .accordion-arrow{transition:transform .1s}
#post-779 .szct-browser .filter-menu[open]>summary>.accordion-arrow{transform:rotate(180deg)}
#post-779 .szct-browser .filter-panel{position:static;inset:auto;z-index:auto;width:auto;max-width:none;max-height:none;overflow:visible;padding:8px 12px 12px;border:0;border-radius:0;box-shadow:none;background:transparent}
#post-779 .szct-browser #szctb-category-options{max-height:none;height:auto;overflow:visible}
#post-779 .szct-browser .category-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px}
#post-779 .szct-browser .category-actions .hint{margin:0}
#post-779 .szct-browser .category-actions button{border:0;background:transparent;color:var(--green);text-decoration:underline;font-size:11px;min-height:36px;padding:4px 7px}
#post-779 .szct-browser .category-group{position:relative;border:0;border-top:1px solid var(--line);padding:6px 0;margin:0}
#post-779 .szct-browser .category-group legend{position:absolute;float:none;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#post-779 .szct-browser .category-group-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:start}
#post-779 .szct-browser .category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2px 6px}
#post-779 .szct-browser .category-parent,#post-779 .szct-browser .category-grid label,#post-779 .szct-browser .category-leaves label{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;padding:5px 6px;border-radius:4px;font-size:12px;line-height:1.5;cursor:pointer}
#post-779 .szct-browser .category-parent{font-weight:600}
#post-779 .szct-browser .category-parent small{display:block;font-size:9px;font-weight:400;color:var(--muted);line-height:1.4}
#post-779 .szct-browser .category-grid label span{min-width:0;overflow-wrap:anywhere}
#post-779 .szct-browser .category-leaves{display:flex;flex-wrap:wrap;gap:8px 16px;border-top:1px solid var(--line);padding-top:6px}
#post-779 .szct-browser .category-leaves label{min-width:108px}
#post-779 .szct-browser #szctb-category-options label:has(input:checked),#post-779 .szct-browser #szctb-category-options label:hover{background:var(--wash)}
#post-779 .szct-browser #szctb-category-options label:focus-within{outline:1px solid var(--pink);outline-offset:-1px}
#post-779 .szct-browser .period-inputs{display:grid;grid-template-columns:200px minmax(0,1fr);max-width:760px;gap:16px;align-items:end}
#post-779 .szct-browser .year-preset>label,#post-779 .szct-browser .date-range>label{display:block;font-size:11px;color:var(--muted)}
#post-779 .szct-browser .year-preset select{display:block;width:100%;min-height:44px;margin-top:4px;font-size:12px}
#post-779 .szct-browser .date-range{margin:0;gap:10px}
#post-779 .szct-browser .date-range input{min-height:44px;margin-top:4px;padding:8px 6px;width:100%}
#post-779 .szct-browser .panel-done{min-height:40px;margin-top:8px;font-size:11px}
#post-779 .szct-browser .exclude{flex:none;align-self:flex-start;min-height:34px}
@media(max-width:700px){
 #post-779 .szct-browser .filter-menu>summary{padding:9px 10px}
 #post-779 .szct-browser .filter-panel{padding:6px 6px 10px}
 #post-779 .szct-browser .category-group-row{grid-template-columns:80px minmax(0,1fr);gap:4px}
 #post-779 .szct-browser .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
 #post-779 .szct-browser .category-parent,#post-779 .szct-browser .category-grid label,#post-779 .szct-browser .category-leaves label{font-size:11px;padding:5px 3px;gap:6px}
 #post-779 .szct-browser .category-leaves label{min-width:80px}
 #post-779 .szct-browser .period-inputs{grid-template-columns:minmax(0,1fr);gap:12px}
 #post-779 .szct-browser .year-preset select{max-width:240px}
 #post-779 .szct-browser .date-range{gap:8px}
 #post-779 .szct-browser .date-range input{font-size:12px;padding-inline:4px}
}
@media(max-width:360px){
#post-779 .szct-browser .display-controls label{font-size:0}
#post-779 .szct-browser .filter-menu summary{gap:4px}
#post-779 .szct-browser #szctb-period-label{font-size:10px}
}