:root{color-scheme:light;color:#152837;background:#f5faf8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:#087565}button,input,textarea{font:inherit}button{min-height:48px;border:1px solid #c2d8d0;border-radius:8px;background:white;color:#173c39;padding:12px 20px;cursor:pointer;font-weight:600}button.primary{background:#087565;color:white;border-color:#087565}button:hover{filter:brightness(.97)}:focus-visible{outline:3px solid #138fbe;outline-offset:4px}input,textarea{display:block;width:100%;font-size:16px;line-height:1.7;border:1px solid #adc7be;border-radius:8px;padding:12px 14px;background:white;color:#152837}textarea{resize:vertical}label{display:block;font-weight:600;margin-bottom:10px}h1,h2,h3,p{margin:0}h1{margin-bottom:16px!important;font-size:36px!important;line-height:1.5!important}h2{font-size:24px!important}.flow-header{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto;padding:24px;gap:20px}.flow-header>a:first-child{font-size:28px!important;line-height:1.2;text-decoration:none;display:flex;flex-direction:column;color:#152837}.flow-brand span{font-size:16px;letter-spacing:.1em;margin-top:8px;font-weight:600}.flow-shell{max-width:850px;margin:0 auto;padding:0 24px 64px}.plan-bar{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #d3e5dd;font-size:16px}.progress{display:flex;gap:24px;list-style:none;padding:28px 0;margin:0;color:#637b80}.progress li{display:flex;align-items:center;gap:8px;font-size:16px}.progress b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e3ede8;font-size:14px}.progress [aria-current]{color:#087565;font-weight:700}.progress [aria-current] b{background:#087565;color:white}.progress span{font-size:14px;font-weight:400}.flow-step{background:white;border:1px solid #d3e5dd;border-radius:18px;padding:36px}.eyebrow{font-size:14px;letter-spacing:.08em;color:#087565;font-weight:700;margin-bottom:14px}.lead{color:#52676c;margin-bottom:28px}.source-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.source-options button{padding:20px 12px;text-align:left;font-weight:400}.source-options button>span{display:block;font-size:28px;line-height:1.2;color:#087565;margin-bottom:12px}.source-options strong{display:block;font-size:18px}.source-options small{display:block;font-size:14px;color:#52676c;margin-top:6px}.source-options [aria-pressed=true]{background:#e8f5ef;border:2px solid #087565;padding:19px 11px}.input-panel{background:#f5faf8;padding:24px;border-radius:12px}.help{font-size:14px;color:#52676c;line-height:1.8;margin-top:12px}.required,.badge{display:inline-block;margin-left:8px;font-size:14px;font-weight:500;color:#087565}.flow-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px}#step-1 .flow-actions{justify-content:flex-end}.error{color:#a83021;line-height:1.7;margin-top:12px;font-size:16px}.error:empty{display:none}.drop-zone{border:1px dashed #87afa2;border-radius:10px;padding:20px;background:white}.drop-zone.dragover{outline:3px solid #087565}.drop-zone input{border:0;padding:14px 0;max-width:100%;font-size:16px}.drop-zone span{display:block;overflow-wrap:anywhere;font-size:14px}.resume,.more-details,.preview-details{border-top:1px solid #d3e5dd;padding-top:20px;margin-top:28px}summary{cursor:pointer;color:#087565;font-weight:600;font-size:16px;min-height:44px}.resume label{font-size:14px}.field{margin-bottom:24px}.field .help{font-weight:400}.field label{margin-bottom:8px}.summary-card{padding:24px;background:#f2f8f5;border-radius:12px}.summary-card h2{margin-bottom:16px}dl{margin:0}dt{font-size:14px;color:#52676c;margin-top:16px}dd{margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.result{margin-top:28px;border:1px solid #add2c5;padding:24px;border-radius:12px;background:#e8f5ef}.result p{margin-top:12px}.result button{margin-top:16px}footer{text-align:center;color:#52676c;font-size:14px;padding:24px;line-height:1.8}#experience-preview{margin-top:20px;min-width:0}.preview-toolbar{flex-wrap:wrap}.preview-paper{max-width:100%}@media(max-width:650px){.flow-header{padding:20px 16px}.flow-shell{padding:0 16px 40px}.flow-step{padding:24px 18px}h1{font-size:28px!important}.progress{gap:12px;justify-content:space-between}.progress li{font-size:14px;gap:5px;flex-wrap:wrap}.progress span{display:none}.source-options{gap:8px}.source-options button{padding:14px 8px}.source-options [aria-pressed=true]{padding:13px 7px}.source-options small{display:none}.source-options strong{font-size:16px}.source-options button>span{font-size:24px}.input-panel{padding:18px 14px}.plan-bar{font-size:14px}.flow-actions button{flex:1;padding:12px}.summary-card{padding:18px}.progress b{width:24px;height:24px}.preview-outlets,.preview-angle{flex-wrap:wrap}.preview-details{margin-left:-4px;margin-right:-4px}}
/* Stable outlet geometry while switching publication mockups. */
.publication-preview{overflow-anchor:none}.media-mockup .media-head{height:84px!important;min-height:84px!important;max-height:84px!important;padding:14px 18px!important;box-sizing:border-box;flex-wrap:nowrap}.media-mockup .media-nav{height:40px;min-height:40px;max-height:40px;display:flex;align-items:center;justify-content:center;padding:0 10px!important;border-top:1px solid transparent;border-bottom:3px solid #e72b36}.media-mockup.preview-paper h2,.media-mockup[data-outlet=storm] h2{font-family:'Microsoft JhengHei','Noto Sans TC',sans-serif!important;font-weight:700!important;letter-spacing:0!important;line-height:1.48!important}.media-head .storm-masthead{flex-shrink:0}.media-browserbar{height:36px;white-space:nowrap;overflow:hidden}.media-article-footer{min-height:27px}.preview-editorial-photo img{aspect-ratio:16/9}.media-meta{min-height:22px}@media(max-width:720px){.media-mockup .media-head{height:80px!important;min-height:80px!important;max-height:80px!important}.media-browserbar{padding-inline:10px;gap:8px}.media-head-action{font-size:14px!important}.media-head-menu{display:none}}

.skip-optional{margin:0 0 28px;background:#e8f5ef;border-color:#9bc9b9;color:#087565}

.flow-header>a:last-child{font-size:16px!important;font-weight:500!important;letter-spacing:.025em!important}.flow-header{padding-top:18px;padding-bottom:18px}.progress{padding-top:20px;padding-bottom:20px}.flow-step{padding-top:28px}.source-options button{padding-top:16px;padding-bottom:16px}.source-options [aria-pressed=true]{padding-top:15px;padding-bottom:15px}