/* Cloudflare版の共通UI。記事ごとの既存SCSSは /assets/ から併用する。 */
.native-site{margin:0;background:#f8fafc;color:#263344;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.8;min-width:0}
.native-site *{box-sizing:border-box}.native-site a{color:#245ea8;text-underline-offset:.2em}.native-site img{max-width:100%;height:auto}.native-site button,.native-site input,.native-site textarea,.native-site select{font:inherit}.native-site button,.native-site .button{cursor:pointer;background:#234f86;color:#fff;border:1px solid #234f86;border-radius:9px;padding:9px 17px;text-decoration:none;display:inline-block;line-height:1.5}.native-site button:hover,.native-site .button:hover{background:#193f6e}.native-site button:disabled{opacity:.6;cursor:wait}.native-site a:focus-visible,.native-site button:focus-visible,.native-site input:focus-visible,.native-site select:focus-visible,.native-site textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.native-site h1,.native-site h2,.native-site h3{line-height:1.5;overflow-wrap:anywhere}.native-site h1{font-size:clamp(1.65rem,3.5vw,2.55rem);margin:.3em 0 .6em}.native-site p{overflow-wrap:anywhere}.native-site .skip-link{position:absolute;left:1rem;top:-100px;z-index:100;background:#fff;padding:12px}.native-site .skip-link:focus{top:1rem}.native-header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px}.native-brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:1.2rem;text-decoration:none;color:#263344!important}.native-brand img{width:36px;height:36px;object-fit:contain}.native-nav{max-width:1120px;margin:auto;display:flex;gap:24px;overflow-x:auto;padding:12px 24px;border-top:1px solid #dbe2ea;border-bottom:1px solid #dbe2ea;white-space:nowrap;scrollbar-width:thin}.native-nav a{text-decoration:none;font-weight:600;font-size:.92rem}.native-private-nav{align-items:center;background:#eff4f9}.native-private-nav form{margin:0}.native-private-nav button{font-size:.8rem;padding:4px 10px}.native-main{max-width:1120px;padding:36px 24px 72px;margin:auto;min-height:60vh;min-width:0}.native-footer{max-width:1120px;margin:auto;padding:24px;border-top:1px solid #dbe2ea;font-size:.85rem}.native-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}.native-site .panel,.native-site .task-card,.native-site .goal-node{background:#fff;border:1px solid #dbe2ea;border-radius:14px;padding:24px;margin:18px 0;min-width:0}.native-site .page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.native-site .page-heading .button{white-space:nowrap}.native-site .eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#60768b}.native-site .tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.native-site .tabs a{padding:8px 14px;border:1px solid #dbe2ea;border-radius:8px;background:white;text-decoration:none}.native-site .filter-form,.native-site .form-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.native-site .filter-form{padding:20px;background:#eef3f8;border-radius:12px;margin:24px 0}.native-site label{display:block;font-size:.9rem;font-weight:600;margin:0 0 16px;min-width:0}.native-site input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),.native-site select,.native-site textarea{display:block;background:#fff;width:100%;padding:10px 12px;color:#263344;border:1px solid #b7c5d4;border-radius:7px;font-size:1rem;max-width:100%;min-width:0}.native-site input[type=checkbox],.native-site input[type=radio]{width:auto}.native-site .filter-form label{margin:0;flex:1 1 150px}.native-site .filter-form button{margin-bottom:0}.native-site .form-grid label{flex:1 1 180px}.native-site .edit-form{max-width:800px}.native-site .actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:18px}.native-site .actions form{margin:0}.native-site .actions button.danger,.native-site .danger{color:#a13030;background:#fff;border-color:#dcb5b5}.native-site .status-form{display:flex;gap:8px}.native-site .status-form select{width:auto}.native-site .badge{display:inline-block;font-size:.75rem;background:#edf2f7;color:#4a627a;border-radius:6px;padding:3px 9px}.native-site .task-heading{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.native-site .task-heading h3{margin:0;flex:1}.native-site .task-meta{color:#637588;font-size:.85rem}.native-site .task-children,.native-site .goal-children{border-left:2px solid #bfd2e6;margin:20px 0 0 8px;padding-left:16px}.native-site .is-completed{opacity:.8}.native-site .is-completed>.task-heading h3{text-decoration:line-through}.native-site progress{width:100%;height:9px;accent-color:#3469a3}.native-site .preserve-lines{white-space:pre-wrap}.native-site .empty-state{padding:40px 24px;background:#f0f4f8;text-align:center;border-radius:12px;color:#647589}.native-site .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.native-site pre{overflow-x:auto;max-width:100%;background:#eef2f7;border-radius:8px;padding:20px}.native-site table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}.native-site th,.native-site td{padding:10px 14px;border:1px solid #dbe2ea;vertical-align:top}.native-site th{background:#f1f5fa}.native-site blockquote{border-left:3px solid #9db5d0;padding:8px 20px;margin-left:0;color:#526781}.native-site .markdown-body{line-height:1.95}.native-site .markdown-body h2{margin-top:2em}.native-site .markdown-body li{margin-bottom:.5em}.native-site .markdown-body a{overflow-wrap:anywhere}.native-site .native-flash{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#263344;color:#fff;padding:12px 24px;border-radius:10px;z-index:200;width:max-content;max-width:calc(100vw - 40px)}
@media(max-width:640px){.native-header{padding:16px}.native-header>a:last-child{font-size:.78rem}.native-nav{padding:10px 16px;gap:20px}.native-main{padding:24px 16px 48px}.native-site .page-heading{display:block}.native-site .panel,.native-site .task-card,.native-site .goal-node{padding:17px}.native-site .goal-children,.native-site .task-children{padding-left:9px;margin-left:0}.native-site .filter-form{padding:14px}.native-site .actions{gap:12px}.native-site .goal-node .goal-node{padding:12px}.native-site .goal-node h4,.native-site .goal-node h5,.native-site .goal-node h6{font-size:1rem}.native-footer{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.native-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.native-header,.native-nav,.native-main,.native-footer{width:100%;min-width:0}